MediaWiki:Culture.css

Note: After saving, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.

/* CSS placed here will affect users of the Culture skin */

body {
    font-size: 16px;
    width: 1008px;
    margin: 0 auto;
    position: relative;
    background: white;
}

#content a[href ^="https://"],
.link-https {
	background:none;
	padding: 0 4px 0 0;
}

.teaser-slo { display: none; }

img {
    max-width: 100%;
    height: auto
}

input {
    max-width: 100%
}

.oembed {
    padding-left: 0 !important;
    max-width: 576px !important;
    margin: 10px 0 20px 8px;
}

.oembed-content {
    max-width: 100%;
    height: 0;
    position: relative
}

.oembed-content iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0
}

.oembed-wrap {
    max-width: 100%;
    height: 0;
    position: relative
}

.oembed-wrap iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

ul {
    line-height: 1.5em;
    list-style-image: url(/static/oblika/bullet.png);
    list-style-type: disc
}

div.cultureTabs li a span {
    font-size: 12px
}

span.editsection,span.editsection a {
    font-family: Helvetica,Arial,sans;
    font-size: 10px;
    color: #575756 !important
}

.infobox {
    float: none;
    x-position: absolute;
    x-right: -250px;
    background: white;
    padding: 0 0;
    margin: 0 0 20px;
    width: 234px;
    font-family: helvetica,sans;
    font-size: 90% !important;
    top: 0px;
    border-spacing: 0
}

#searchform {
    width: 234px
}

#searchInput {
    display: block;
    float: left;
    width: 120px;
    margin-right: 5px !important;
    font-family: Helvetica,Arial,sans
}

#mw-searchButton {
    float: left;
    width: 68px;
    padding-left: 0;
    padding-right: 0;

}

.mw-search-formheader,#mw-searchoptions {
    display: none
}

.loggedin .mw-search-formheader,.loggedin #mw-searchoptions {
    display: block
}

div.suggestions {
    right: 105px !important;
}

#mw-pages td li,#mw-subcategories td li {
    font-size: 12px;
    line-height: 120%;
    margin-bottom: 3px
}

body.page-Main_Page h1.firstHeading,body.page-Culture_of_Slovenia h1.firstHeading {
    display: none !important
}

body.page-Main_Page h1 a,body.page-Culture_of_Slovenia h1 a {
    display: block
}

.twocolumns h1 a {
    line-height: 110%
}

.contact {
    margin-top: 0.5em;
    padding: 0em
}

.contact-row .row-value {
    margin-left: 1em
}

.contact-role .row-value,.contact-name .row-value {
    margin-left: 0
}

.info-row .row-label {
    display: none
}

.contact-row .row-label {
    display: none
}

.contact-role {
    font-style: italic;
    color: #444
}

.row-badges {
    display: block;
    float: left;
    width: 2em
}

#mw-subcategories h3,#mw-subcategories h2 {
    display: none
}

#mw-subcategories ul {
    margin-top: 0;
    margin-bottom: 0
}

.smwtable {
    font-size: 90%;
    width: 826px
}

.smwtable td {
    background: white;
    border-top: 1px solid #5f5f5e
}

.smwtable th {
    background: #efefef;
    text-align: left
}

.smwtable tr:nth-child(even) td {
    background: white
}

.smwtable tr:nth-child(odd) td {
    background: white
}

.smttpersist {
    display: none
}

body.page-Main_Page h1.firstHeading,body.page-Culture_of_Slovenia h1.firstHeading, {
    display: none !important
}

table.smwb-factbox {
    font-size: smaller
}

.smwb-factbox .smwb-propvalue th {
    padding: 0.2em 0.5em;
    border-bottom: 1px solid white;
    border-right: 1px solid white;
    text-align: right;
    background: #ddd
}

.smwb-factbox .smwb-propvalue td {
    padding: 0.2em 0.5em;
    border-bottom: 1px solid white;
    text-align: left;
    background: #eee
}

#bodyContent p>br {
    display: none
}

#bodyContent div.video {
    margin-left: -8px
}

.KU_more {
    text-align: left;
    font-weight: bold;
    border-top: 1px solid #4F4F4F;
    font-family: Helvetica,Arial,sans-serif;
    font-weight: bold;
    margin-left: 8px
}

.more_go {
    text-align: left;
    font-weight: bold;
    font-family: Helvetica,Arial,sans-serif;
    font-weight: bold;
    display: block;
    margin-top: 8px
}

div.balast .more_go {
    border-top: 1px solid;
    margin-left: 20px
}

.no-events {
    display: block;
    padding: 0 10px
}

pre {
    font-family: courier;
    font-size: 12px;
    margin: 8px
}

#column_left {
    width: 55%;
    background: #f5fffa;
    border: 1px solid #cef2e0
}

#column_right {
    border: 1px solid #ddd;
    border: 1px solid #cedff2;
    background: #f5faff
}

.newest-page-updated {
    font-style: italic;
    color: #76B82A
}

.broken-link {
    color: #111
}

.track-link a {
    display: none
}

.loggedin .track-link a {
    display: block;
    float: right;
    color: black;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 10px;
    font-family: sans-serif;
    padding: 0px 5px;
    background: #efefef
}

table.recent-page {
    background: transparent
}

td.recent-page-date {
    white-space: nowrap;
    text-align: right
}

.timeline-event {
    background: #eee;
    margin-bottom: 2px
}

textarea {
    font-family: monospace
}

table.infobox th {
    font-weight: normal;
    text-align: left;
    vertical-align: top;
    font-size: 90%;
    width: 58px;
    line-height: 130%;
    padding-top: 3px;
    padding-bottom: 3px
}

table.infobox td {
    vertical-align: top
}

tr.contact-separator {
    height: 2px;
    background: #4f4f4f
}

#content {
    border-top: 12px solid #4f4f4f;
    background: none;
    padding: 0px;
    margin-left: 168px;
    width: 576px;
    xbackground: red;
    xopacity: 0.5
}

#bodyContent {
    width: 100%;
    font-family: Georgia,serif;
    font-size: bigger;
    color: #575756;
    -webkit-hyphens: auto
}

h1,h2,h3,h4,h5,h6 {
    font-family: Georgia,serif;
    padding: 0
}

#siteNotice {
    padding: 0;
    position: absolute;
    top: 22px;
    xborder: 1px solid red;
    width: 576px
}

#head-base {
    height: 124px;
    background-image: none
}

#panel {
    position: absolute;
    left: 14px;
    width: 138px;
    border-top: 12px solid #4f4f4f;
    top: 124px;
    margin: 0;
    xx-background: white;
    padding-top: 9px
    z-index:9000;
}

div#left-navigation {
    position: absolute;
    left: 12px;
    top: 0px;
    font-size: 9px;
    z-index: 100
}

div#right-navigation {
    margin: 0;
    background: none;
    float: none;
    position: absolute;
    left: 760px;
    top: 0px;
    font-size: 10px
}

div.cultureTabs {
    z-index: 100;
    background-image: none
}

div.cultureTabs ul {
    background-image: none
}

div.cultureTabs li a {
    background: none;
    height: auto
}

div.cultureTabs ul li {
    background: none;
    border-width: 0;
    border-style: solid;
    border-color: transparent
}

#p-views {
    background: none;
    font-size: 9px;
    padding: 0
}

#p-views ul {
    background: none;
    padding: 0;
    background: 0;
    margin: 0
}

#p-search {
    background: none;
    position: absolute;
    top: 26px;
    font-size: 11px;
    padding: 0
}

#p-cactions div.menu {
    z-index: 1000
}

#bodyContent strong {
    font-size: 0.9em
}

h2 {
    color: white;
    background: #76b82a;
    padding: 8px 8px 8px
}

h1#firstHeading {
    font-size: 22px;
    border: 0px;
    border-top: 6px solid #4f4f4f;
    padding: 8px 8px 10px !important;
    background: #76b82a;
    color: white;
    margin-top: 9px
}

#bodyContent h1 {
    font-size: 22px;
    border: 0px;
    border-top: 6px solid #4f4f4f;
    padding: 8px 8px 10px;
    background: #76b82a;
    color: white;
    margin-top: 9px
}

#bodyContent h2 {
    font-size: 22px;
    border: 0px;
    padding: 8px 8px 0px;
    color: #4f4f4f;
    background: transparent;
    margin-top: 9px
}

#bodyContent h3 {
    font-size: 16px;
    border: 0px;
    padding: 8px 8px 0px;
    font-weight: bold;
    color: #4f4f4f;
    background: transparent;
    margin-top: 9px
}

#bodyContent h4 {
    border-top: 6px solid #4f4f4f;
    font-weight: normal;
    color: #4f4f4f;
    padding: 8px 8px 8px
}

#bodyContent h5 {
    font-weight: normal;
    color: #4f4f4f;
    padding: 8px 8px 8px
}

.ns-0 #bodyContent h2,.ns-0 #bodyContent h3,.ns-0 #bodyContent h4 {
    border-top: 0
}

.embed .video embed {
    width: 320px;
    height: 265px
}

.twocolumns .embed .video embed {
    width: 282px;
    height: 236px
}

div.embed {
    padding-left: 8px;
    margin: 0 0 1em;
    margin-left: 8px
}

div.embed p {
    padding: 0;
    margin: 0
}

#bodyContent .infobox div.embed {
    margin-top: 8px
}

#bodyContent .infobox div.embed,#bodyContent .infobox div.embed p {
    padding: 0;
    margin: 0
}

#bodyContent .oembed,#bodyContent p,#bodyContent ol,#bodyContent ul {
    padding-left: 8px
}

#panel div.portal * {
    font-family: helvetica,sans !important;
    font-size: 12px;
    font-weight: bold;
    xletter-spacing: 1px
}

#panel div.portal {
    padding-bottom: 11px;
    margin-top: 10px;
    box-sizing: border-box;
}

#panel div.portal div.body {
    margin-left: 0px
}

#p-Feeling_Wiki\.3F {
    background: #efefef;
    /* margin: 0 -4px; */
    padding: 7px 4px 0;
}

#p-tb {
    background: #efefef;
    /* margin: 0 -4px; */
    padding: 7px 4px 0;
}

#panel #p-tb h5 {
    border-bottom: 3px solid #4f4f4f
}

#panel #p-Feeling_Wiki\.3F h5 {
    border-bottom: 3px solid #4f4f4f
}

#panel div.portal h5 {
    border: 0px;
    border-bottom: 3px solid #76b82a;
    font-size: 13px;
    font-weight: bold;
    color: #4f4f4f;
    xletter-spacing: 1px;
    padding-bottom: 1px;
    margin-left: 0;
    padding-left: 0;
    margin-bottom: 4px!important;
}

#footer {
    margin-left: 168px;
    max-width: 576px;
    width: 100%;
    padding: 0
}

.extra > p,.balast > p {
    border: 0;
    display: none
}

#catlinks {
    border: 0px;
    border-top: 7px solid #4f4f4f;
    padding: 8px;
    background: #efefef;
    background-image: none;
    text-align: center
}

#catlinks a {
    white-space: nowrap
}

#site-menu1b {
    font-size: 70%;
    line-height: 12px
}

div.plakat p {
    font-size: 20px;
    line-height: 28px;
    color: #4f4f4f;
    margin-left: 134px;
    padding: 0!important;
    margin-top: 0px!important
}

div.plakat {
    padding: 35px 0
}

div.plakat big {
    line-height: 28px;
    font-size: 40px;
    color: #76b82a;
    display: block;
    margin-top: -6px;
    margin-bottom: -2px
}

.green {
    color: #76b82a
}

#bodyContent .extra h1,#bodyContent .balast h1,#bodyContent .contact-info h1 {
    margin-top: 0;
    line-height: 1.2em
}

#bodyContent .contact-info .contact-info-title {
    background: #cfcfcf;
    color: #2f2f2f;
    margin-top: 0;
    margin-bottom: 14px;
    line-height: 1.2em;
    font-family: Georgia,serif;
    font-size: 22px;
    border: 0px;
    border-top: 6px solid #4f4f4f;
    padding: 8px 8px 10px !important
}

#bodyContent .extra h2 a,#bodyContent .balast h2 a {
    color: #76b82a;
    color: black
}

.events-title {
    font-family: Georgia,serif
}

.events-title,#bodyContent .extra h2,#bodyContent .balast h2 {
    color: #76b82a;
    color: black;
    background: none;
    line-height: 125%;
    font-size: 15px;
    margin: 0px 0 2px;
    padding: 10px 0 3px 9px !important;
    padding-left: 9px !important;
    border: 0px;
    border-bottom: 1px solid #4f4f4f
}

#bodyContent .contact-info,#bodyContent .balast {
    position: absolute;
    float: none;
    position: absolute;
    top: 0;
    left: 594px;
    padding: 0 0;
    margin: 0 0;
    width: 234px;
    font-family: helvetica,sans;
    color: #4f4f4f
}

#bodyContent.action-historysubmit .contact-info,#bodyContent.action-historysubmit .balast {
    top: auto
}

#bodyContent .balast {
    font-size: 11px
}

.contact-info .events:last-child {
     font-size: 11px;
}

#bodyContent .extra ul {
    padding: 8px 0
}

#bodyContent .extra li,#bodyContent .balast li,#bodyContent .contact-info li {
    line-height: 125%
}

#designbar3 {
    display: block;
    width: 234px;
    height: 0px;
    background: transparent;
    position: absolute;
    border-top: 12px solid #4f4f4f;
    left: 593px;
    top: 102px
}

#p-personal {
    position: absolute;
    left: 168px;
    font-size: 12px
}

#p-personal a {
    color: white
}

#p-personal a.new {
    color: white
}

#panel div.portal div.body {
    background-image: none
}

div.cultureTabs a span {
    padding: 1px 4px;
    font-size: 9px;
    color: white !important
}

#toc {
    border: 0px;
    border-top: 1px solid #4f4f4f;
    display: block;
    overflow: hidden;
    box-sizing: border-box;
    margin-left:8px;
}

#toc #toctitle,.toc #toctitle,#toc .toctitle,.toc .toctitle {
    text-align: left
}

.toc h2,.toc #toctitle h2 {
    border: 0;
    background: none;
    padding-left: 0
}

#See_also,#External_links {
    color: #4f4f4f
}

#toctitle h2 {
    color: #4f4f4f;
    font-size: 18px
}

#toc li {
    margin-right: 1.5em;
    white-space: normal
}

#mw-normal-catlinks > a {
    border: 0;
    display: block;
    text-align: left;
    font-size: 22px;
    line-height: 22px;
    color: #4f4f4f;
    margin-bottom: 8px
}

#mw-subcategories td,#mw-pages table td {
    width: 33%;
    border: 0;
    font-family: Helvetica,Arial,sans
}

#mw-pages table td h3 {
    font-family: Helvetica,Arial,sans;
    font-size: 16px;
    border: 0;
    float: left;
    margin: 0;
    padding: 0;
    overflow: hidden;
    white-space: wrap;
    width: 1em;
    height: 16px
}

#mw-pages ul {
    margin-top: 0;
    margin-bottom: 12px
}

.ns-special h1#firstHeading {
    background: #efefef;
    color: #4f4f4f
}

#panel div.portal li a {
    display: block !important
}

#panel div.portal li a:hover {
    background: #efefef
}

#bodyContent p {
    text-align: justify
}

#bodyContent .twocolumns p {
    text-align: left
}

.embed p {
    font-size: 11px;
    line-height: 11px;
    margin-top: 0;
    margin-bottom: 0;
}

div.timeline div.tl-evt-bul {
    display: block;
    margin-left: 8px;
    margin-top: 8px;
    border-bottom: 1px solid #aaa;
}

div.timeline div.tl-evt {
    display: inline;
}

div.timeline div.tl-evt-lbl {
    margin-left: 8px;
    display: inline-block;
}
div.timeline div.tl-evt-lbl:after {
    content:"\2022";
    margin-left:5px;
}

div.cultureTabs li a span {
    font-size: 9px;
    color: white
}

#p-logo {
    top: -115px
}

#p-logo a {
    width: 138px;
    height: 95px;
    background-image: url(/static/img/culture.si-rc.gif) !important
}

#p-personal li {
    font-size: 9px;
    margin: 1px 8px
}

#p-cactions h5 a {
    width: 20px;
    height: 12px
}

.rotated {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"
}

.serif {
    font-family: Georgia,serif
}

.sans {
    font-family: Helvetica,Arial,sans
}

#editform {
    width: 818px;
    position: relative;
    z-index: 10;
    background: white
}
}

.ns-special #bodyContent > ul {
    width: 818px;
    font-family: Helvetica,Arial,sans
}

li#t-smwbrowselink a {
    -moz-background-clip: border;
    -moz-background-inline-policy: continuous;
    -moz-background-origin: padding;
    background: transparent url(/w/skins/culture/images/Sw-cube-v.png) no-repeat scroll left center !important;
    padding-left: 14px;
    xletter-spacing: 0.9px !important
}

#page-base {
    background-color: #4F4F4F;
    background-image: none;
    height: 12px;
    margin: 0 14px 68px 14px
}

div.cultureTabs li.selected {
    background-image: none
}

div.cultureTabs li.selected a span {
    color: #76b82a !important
}

div.cultureMenu h5 a {
    background-image: none
}

.KU_more a {
    display: block
}

.more_go a:after {
    color: #76b82a;
    font-weight: bold;
    padding-left: 0.4em;
    content: '➜';
    content: url(/static/oblika/morejump4.png);
    position: relative;
    top: 1px
}

ul#filetoc {
    font-family: Helvetica,Arial,sans
}

div#mw-category-media h2,div#mw-subcategories h2,div#mw-pages h2 {
    color: #4f4f4f;
    border-top: 6px solid #4f4f4f
}

#panel div.portal div.body ul li {
    font-size: 0.75em;
    line-height: 1.62em;
    margin: 0;
    overflow: hidden;
    padding: 0
}

#panel div.portal div.body ul li a:before {
    content: "⚫ ";
    content: url(/static/oblika/bigbullet.png);
    color: #76B82A
}

#panel div.portal div.body ul li#t-smwbrowselink a:before {
    content: normal
}
}

#panel div.portal div.body ul {
    list-style: none outside none;
    margin: -0.2em 0 0.2em;
    padding: 0
}

div#mw-category-media > p,div#mw-subcategories > p,div#mw-pages > p {
    margin-left: 0px;
    font-family: Helvetica,Arial,sans
}

div#mw-subcategories table td {
    font-family: Helvetica,Arial,sans
}

table#site-menu1b,
table#site-menu1 {
    background: transparent;
}

table.buttons {
    width: 100%
}

table.buttons td {
    width: 30%;
    background: #efefef;
    font-size: 100%;
    line-height: 18px;
    padding: 1px 6px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

table.buttons td:hover {
    background: #dfdfdf
}

table.buttons td a {
    display: block;
    margin: 1px 0;
    font-weight: bold
}

table.buttons td a:before {
    content: "⚫ ";
    content: url(/static/oblika/bigbullet.png);
    color: #002FA1
}

a {
    color: #002fa1
}

a:visited {
    color: #002fa1
}

table.infobox a.external {
    color: #002FA1;
    display: inline-block;
    max-width: 215px;
background:none !important;
padding:0 !important;
}

#panel div.portal div.body ul li a {
    color: #002fa1
}

#panel div.portal div.body ul li a:visited {
    color: #002fa1
}

div.balast ul {
    margin: 0 0 0 14px;
    padding: 0
}

div.tright {
    border-width: 0.5em 0 0.8em 1.4em;
    float: none
}

div.thumbinner {
    background-color: transparent;
    border: 0 solid #CCCCCC;
    font-size: 94%;
    overflow: hidden;
    padding: 3px !important;
    text-align: center
}

div.balast ul {
    list-style-image: url(/static/oblika/bullet.png)
}

p {
    margin: 0 0 0.6em
}

table.diff {
    width: 828px
}

ul#pagehistory {
    width: 800px
}

table.smwtable tr.smwfooter td {
    text-align: left
}

table.smwtable tr.smwfooter td {
    background: transparent
}

table.gallery {
    border: 0
}

table.gallery td {
    background: transparent
}

body .gallerybox div.thumb {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-top: 1px solid #aaa;
    border-right: 1px solid #777;
    border-bottom: 1px solid #777;
    border-left: 1px solid #aaa;
    background: #efefef
}

body .gallerybox div.thumb img {
    border-top: 1px solid #777;
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    border-left: 1px solid #777
}

div.gallerytext {
    font-family: Helvetica,Arial,sans;
    font-size: 80%;
    line-height: 120%
}

#pagehistory {
    font-family: Helvetica,Arial,sans
}

table.buttons td a {
    font-family: Helvetica,Arial,sans
}

table.twocolumns {
    border-spacing: 0
}

table.twocolumns td {
    padding: 0
}

table.twocolumns td.gutter {
    width: 12px
}

table.twocolumns td.first {
    width: 282px
}

table.twocolumns td.second {
    width: 282px
}

table.twocolumns img {
    margin-left: -8px
}

table.twocolumns .video {
    margin-left: -8px
}

td.ib-Map iframe {
    width: 226px;
    height: 226x
}

.ibr-Map div.embed {
    padding-top: 2em !important
}

span.internal a {
    background: transparent!important;
    padding: 0!important;
    color: #002FA1!important
}

.featured-article-horizontal {
    border-top: 6px solid #4f4f4f;
    padding-top: 4px;
    position: relative;
    min-height: 200px;
    margin-bottom: 9px;
    overflow: hidden
}

.featured-article-horizontal img {
    position: absolute;
    left: 0;
    top: 9px;
    width: 200px;
    height: auto
}

.featured-article-horizontal div.embed {
    display: none;
    position: absolute;
    left: 0;
    top: 9px;
    width: 200px
}

.featured-article-horizontal-text {
    margin-left: 224px
}

#bodyContent .featured-article-horizontal-text p,#bodyContent .featured-article-horizontal-text ol,#bodyContent .featured-article-horizontal-text ul {
    text-align: left;
    margin: 0;
    margin-bottom: 9px;
    padding: 0
}

.featured-article-horizontal-text .KU_more {
    margin-left: 0
}

.featured-article-horizontal h2 {
    margin-bottom: 32px
}

.featured-article-horizontal h2 a {
    color: #76b82a;
    font-size: 18px
}

.featured-article-text a.image {
    display: table-cell;
    vertical-align: middle
}

tr.ibr-Webshot td {
    padding-top: 40px
}

table.infobox tr.ibr-image td a.external {
    float: none
}

#bodyContent table.infobox tr.ibr-image td p {
    text-align: center
}

#mklogo {
    border: 0;
    width: 162px;
    height: 52px;
    position: absolute;
    top: 36px;
    left: 605px
}

#mw-subcategories ul {
    line-height: 100%
}

#mw-subcategories {
    margin-bottom: 8px
}

input.searchButton {
    font-size: 12px
}

.nifertik {
    font-size: 14px;
    min-height: 36px;
    padding-top: 14px;
    padding-left: 50px;
    padding-right: 8px;
    background: #eee no-repeat url(/en/images/a/a3/Exclamation-mark-icon.png) 5px 5px
}

div#cloud {
    line-height: 30px;
    text-align: center
}

div#cloud a {
    white-space: nowrap;
    padding: 0 4px
}

#bodyContent .gallerytext p {
    text-align: left
}

table.infobox tr.ibr-contribute a.external {
    float: none
}

#ibr-contribute p {
    margin: 0px;
    text-align: center
}

#ibr-contribute {
    margin-top: 10px;
    text-align: center;
    font-family: Georgia,serif;
    font-style: italic
}

.nifertik {
    display: none
}

#bodyContent div.portal_address_book {
    text-align: right;
    font-family: Helvetica,Arial,sans-serif;
    font-weight: bold
}

#bodyContent div.portal_address_book p {
    text-align: left;
    white-space: nowrap
}

#bodyContent span.portal_address_book_link:after {
    color: #76b82a;
    font-weight: bold;
    padding-left: 0.4em;
    content: '➜';
    content: url(/static/oblika/morejump4.png);
    position: relative;
    top: 1px
}

h1 a,h1 a:visited,h1 a:active {
    color: white
}

#panel li a:hover {
    text-decoration: none
}

#siteNotice .buttons a:hover {
    text-decoration: none
}

body.page-Featured h2 {
    background-color: #ddd;
    margin-top: 2em
}

.event-timing {
    color: #4f4f4f;
    font-weight: bold
}

.event-item {
    margin-top: 1em;
    margin-bottom: 1em
}

.event-edit {
    background: #4F4F4F !important;
    color: white !important;
    font-size: 10px !important;
    line-height: 12px !important;
    font-weight: bold !important;
    text-transform: lowercase !important;
    padding: 0px 6px 2px !important;
    border-radius: 2px !important
}

#panel div.portal#p-In_focus div.body ul li a::before {
    content: none
}


ul.events h3 {
    display: none
}

#tools-top {
    position: fixed;
    top: 0px;
    left: 0px;
    bottom: 0px;
    width: width;
    background: #eee;
    border-right: solid 4px #eee;
    overflow: hidden;
    color: black
}

#tools-main {
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 300px;
    background: #fff;
    border: none
}

#tools-sidebar {
    position: fixed;
    top: 0px;
    left: 0px;
    bottom: 0px;
    padding-top: 5px;
    width: 300px;
    background: #eee;
    border-right: solid 4px #eee;
    overflow: hidden
}

.tools-tabs {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    heigth: 25px;
    z-index: 1;
    border-bottom: solid 1px #999;
    padding: 0 2px;
    background: #ddd;
    white-space: nowrap
}

.tools-panes {
    position: absolute;
    top: 25px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    padding: 0px;
    background: #fff;
    z-index: 0
}

.tools-pane {
    position: absolute;
    top: 0;
    left: 0px;
    right: 0px;
    bottom: 0px;
    padding: 5px;
    background: #eee;
    z-index: 0;
    font-size: 12px;
    font-family: sans-serif
}

.tools-pane.selected {
    z-index: 1
}

.tools-tab {
    width: 100px;
    height: 20px;
    white-space: nowrap;
    overflow: hidden;
    font-size: 11px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    margin: 2px 2px 0px 0px;
    background: #ddd;
    color: #666;
    border: #999 solid 1px;
    position: relative;
    top: 1px
}

.tools-tab.selected {
    background: #eee;
    color: black;
    border: #666 solid 1px;
    border-bottom: none
}

.tools-slide {
    display: inline-block;
    width: 110px;
    margin: 5px;
    padding: 5px;
    background: #fff
}

.tools-slide-image {
    line-height: 100px;
    text-align: center;
    background: #ddd;
    display: block
}

.tools-icon {
    display: inline-block;
    line-height: 40px;
    text-align: center;
    margin: 2px;
    width: 40px
}

.tools-icon img {
    max-width: 40px;
    max-height: 40px
}

.tools-view {
    background: white;
    position: relative;
    height: 200px
}

.tools-view-preview {
    position: absolute;
    left: 5px;
    top: 5px;
    bottom: 5px;
    width: 190px;
    line-height: 190px;
    background: #eee;
    text-align: center
}

ul.tools-view-info {
    position: absolute;
    left: 200px;
    right: 0;
    bottom: 0;
    top: 0
}

#tools-top ul {
    list-style: none
}

#tools-top a {
    text-decoration: none
}

#tools-top a:hover {
    text-decoration: underline
}

#tools-top img {
    vertical-align: middle
}

.tools-view dl {
    margin: 4px;
    border: solid 1px #ddd
}

.tools-view dl dt {
    font-weight: bold
}

.social-icons {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 0px;
    border-top: 6px solid #4F4F4F;
    padding: 11px 10px 0px !important;
    background: #76B82A;
    color: #76B82A;
    position: absolute;
    right: -250px;
    top: 0px;
    width: 234px;
    height: 50px;
    xborder-top: 6px solid #efefef;
    background: #dfdfdf;
    color: #dfdfdf
}

.social-icons a {
    color: #76B82A
}

.social-icons .fb {
    position: absolute;
    top: 8px;
    left: 10px
}

.social-icons .twitter {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 90px
}

.ibr-Website a {
    white-space: nowrap;
    max-width: 214px;
    text-overflow: ellipsis;
    overflow: hidden
}

.social-links {
    display: flex;
    justify-content: space-between;
    margin-top: -5px;
}

a.social-link {
    color: white;
    background: #999 !important;
    display: inline-block;
    font-weight: bold;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 32px;
}

a.social-link i {
    font-size: 20px;
    vertical-align: middle
}

a.social-link span {
    display: none
}

a.facebook {
    background: #4c66a4!important
}

a.twitter {
    background: #55acee!important;
}

a.instagram {
    background: #e95950!important;
}

.gallery:after {
    content: " ";
    display: block;
    clear: both
}

#load-more,.address-book > a,.gallery > a {
    clear: both;
    display: block;
    font-weight: bold;
    background: #76B82A;
    text-align: right;
    padding: 0 10px;
    color: white !important
}

.gallery {
    margin: 10px -5px;
    display: flex;
    flex-wrap: wrap
}

.gallery-item {
    flex: 1 1 30%;
    min-width: 170px;
    display: inline-block;
    margin: 10px 5px;
    box-sizing: border-box;
    vertical-align: top
}

.ns-special #bodyContent *:nth-child(8) {
    margin-bottom: 10px
}

.gallery-item-image {
    display: block;
    position: relative;
    width: 100%;
    line-height: 200px;
    text-align: center;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-top: 1px solid #aaa;
    border-right: 1px solid #777;
    border-bottom: 1px solid #777;
    border-left: 1px solid #aaa;
    background: #efefef
}

.gallery-item-caption {
    display: block;
    line-height: 120%;
    text-align: left;
    box-sizing: border-box;
    font-family: Helvetica,Arial,sans;
    font-size: 80%;
    margin: 5px 5px 0
}

.subnav {
    font-size: 12px;
    background: #dfdfdf;
    padding: 5px 10px;
    line-height: 180%;
    overflow: hidden
}

hr.divider {
    margin: 8px 8px;
    border: 0;
    height: 1px;
    display: block;
    background: #fff
}

#content .subnav p {
    text-align: left !important;
    margin: 0;
    line-height: 180%
}

#content .subnav .selflink,#content .subnav a {
    background: white;
    padding: 0px 6px;
    color: #4F4F4F;
    border-radius: 3px;
    text-transform: lowercase;
    font-weight: bold;
    margin: 0 6px 0 0;
    white-space: nowrap;
    display: inline-block;
    line-height: 140%
}

#content .subnav .link-active,#content .subnav .link-self,#content .subnav .selflink {
    background: #76B82A;
    color: white
}

#content .sub-subnav {
    padding: 5px;
    border: 2px solid #EFEFEF;
    margin: 5px 5px 0
}

.xss-cell {
}

.xss-cell:hover {
}

.xss-table th {
    border: solid 1px silver;
    vertical-align: top;
    padding: 2px;
    max-width: 200px;
    background: #ddd;
    white-space: nowrap
}

#content a.xss-sort {
    color: #aaa
}

#content a.xss-sort.selected {
    color: #333
}

.xss-table.xss-rowtable td:first-child {
    width: 20%
}

.xss-tabledef-heading {
    float: left;
    margin-right: 24px;
    padding-bottom: 6px
}

.xss-browse-nav,.xss-browse-limit {
    float: right;
    margin-left: 24px;
    padding-bottom: 6px
}

.xss-outer-wrap {
    clear: both
}

.xss-button {
    background: #ddd;
    padding: 2px 6px;
    border-radius: 2px;
    font-weight: normal
}

.tab {
    display: block;
}

.tab.active {
    display: block;
}

#bodyContent .diff ~ .contact-info,#bodyContent .diff ~.balast {
    position: static;
    float: right;
    top: 0;
    padding: 0 0;
    margin: 0 0;
    margin-right: -250px;
    width: 234px;
    font-family: helvetica,sans;
    color: #4f4f4f
}

.eu-projects li {
    margin-bottom: 5px
}

ul.eu-projects {
    margin-bottom: 20px;
    font-size: 11px
}

.search-results {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    position:relative;
}

.search-results h3 {
    width: 100%
}

.search-item {
    flex:1 1 20%;
    min-width: 175px;
    margin: 0 5px 10px;
    box-sizing: border-box;
    vertical-align: top;
    padding: 10px 10px 20px;
    border: 1px solid #ccc;
    font-size: 11px;
    line-height: 1.5em;
    position: relative;
    overflow: hidden
}

.search-item .title {
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 0.6em
}

.search-item .description {
    font-size: 12px;
    margin: 6px 0
}

.search-item .date {
    position: absolute;
    left: 10px;
    bottom: 5px
}

.search-item .rank {
    position: absolute;
    right: 10px;
    bottom: 5px
}

@media all and (max-width: 1024px) {
    body {
        width:759px
    }

    #bodyContent .contact-info,#bodyContent .balast {
        position: static;
        width: 100%
    }

    #bodyContent .infobox,#bodyContent .balast section ul {
        -webkit-column-count: 2;
        column-count: 2
    }

    tr.ibr-Contact.row- {
    	break-before: column;
    }
    
  #bodyContent .infobox,#bodyContent .infobox tbody,#bodyContent .infobox th,#bodyContent .infobox td {
    width: auto;
    background: #efefef;
    padding: 5px;
  }


  #bodyContent .infobox{
    display: block;
  }
  #bodyContent .infobox tbody{
    display: table-row-group;
  }
  #bodyContent .infobox th {
    display: table-cell;
  }
  #bodyContent .infobox td {
    display: table-cell;
  }

  #bodyContent .infobox tr {
    display: none
  }

  #bodyContent .infobox tr.ibr-Webshot td {
    padding-top: 1px !important
  }

  #bodyContent .infobox tr.ibr-Email,#bodyContent .infobox tr.ibr-Website,#bodyContent .infobox tr.ibr-logo,#bodyContent .infobox tr.ibr-Contact,#bodyContent .infobox tr.ibr-Street,#bodyContent .infobox tr.ibr-Town,#bodyContent .infobox tr.ibr-Telephone {
    display: table-row
  }

  #bodyContent .open+.infobox tr {
    display: table-row !important
  }

  #bodyContent *:not(.open)+.infobox:after {
    content: "show more info";
    text-align: center;
    color: red;
    cursor: pointer;
    padding-left: 10px
  }

  #bodyContent .open+.infobox:after {
    content: "show less info";
    text-align: center;
    color: red;
    cursor: pointer
  }

    #designbar3 {
        display: none
    }

    #localNotice td.spacer,#localNotice td:nth-child(n+4) {
        display: none
    }

    #localNotice table {
        width: calc(100% - 210px)
    }

    #mklogo {
        top: 20px;
        right: 0px;
        left: auto;
        text-align: right;
        width: auto
    }

    #p-search {
        top: 20px;
        right: -22px;
        left: auto;
        width: auto;
        margin: 0
    }

    div#right-navigation {
        left: auto;
        right: 20px
    }

    #searchform {
        width: 220px
    }

    #searchInput {
        width: 120px
    }

    .contact-info-title {
        cursor: pointer;
        font-size: 16px !important;
        border-top: none !important
    }

    .contact-info-title:after {
        content: "\f055";
        font-family: FontAwesome;
        float: right;
        transition: transform 0.3s;
        transform-origin: center;
        line-height: 1.1;
        text-align: center;
        color: #666;
        font-size: 18px
    }

    .contact-info-title.open:after {
        transform: rotate(45deg)
    }

    .contact-info-title + * {
        display: none
    }

    .contact-info-title.open + * {
        display: block
    }
}

.hambi {
    position: absolute;
    top: 70px;
    right: 10px;
    font-size: 42px;
    display: none;
    color: #76b82a
}

@media all and (max-width: 770px) {
    .hambi {
        display:block
    }

    #p-search {
        display: none
    }

    .panel-open #right-navigation {
        left: 0
    }

    .panel-open #p-search {
        top: 133px;
        left: 0;
        right: 0;
        margin: 0;
        visibility: visible !important;
        display: block;
        width: 100%;
        text-align: center;
    }

    .panel-open #p-search form {
        display: inline-block;
        width: auto
    }

    .panel-open #p-search input {
        border: 1px solid #999;
        font-size: 14px;
        line-height: 2;
        padding: 0 10px
    }

    #p-search input[type="submit"] {
        background: #76b82a;
        color: white
    }

    #head>div>* {
        visibility: hidden
    }

    body {
        max-width: 576px;
        width: 100%
    }

    #page-base {
        margin-left: 0;
        margin-right: 0
    }

    #content {
        margin: 0 10px;
        width: calc(100% - 20px);
        overflow: hidden;
        position: relative
    }

    #panel {
        left: 10px;
        overflow: hidden;
        height: 95px;
        top: 0
    }

    #mw-content-text p {
        padding-left: 0
    }

    .gallery {
        margin-right: 0
    }

    ul.gallery {
        padding: 0 !Important;
        margin: 0
    }

    li.gallerybox {
        border: 0;
        min-width: 152px !important;
        width: 49% !important
    }

    .gallery-item {
    }

    span.gallery-item-image {
    }

    .thumb {
        margin: 0 !important
    }

    #p-logo {
        position: relative;
        top: -8px;
    }

    body.panel-open #content{
        height:100%;
        overflow:hidden;
    }

    .panel-open #panel {
        top: 124px;
        width: calc(100% - 20px);
        height: auto;
        -webkit-column-count: 2;
        column-count: 2;
        padding-bottom: 20px;
        background: white;
        overflow: visible;
        border-bottom: 12px solid #4f4f4f;
        margin-top: 20px;
    }

    .panel-open #p-logo {
        position: absolute;
        top: -114px
    }

    .panel-open #localNotice td.spacer,.panel-open #localNotice>table>tbody>tr>td:nth-child(1),.panel-open #localNotice>table>tbody>tr>td:nth-child(4),.panel-open table.buttons td a:before {
        display: none
    }

    .panel-open #localNotice>table>tbody>tr {
        display: inline-block !Important
    }

    .panel-open #localNotice,.panel-open #localNotice table.buttons,.panel-open #localNotice table tbody,.panel-open #localNotice table tbody tr {
        display: inline;
        width: auto;
        margin: 15px 0 0;
        padding: 0;
        white-space: normal;
        line-height: 19px
    }

    .panel-open #localNotice>table>tbody>tr>td {
        display: inline;
        white-space: normal !important;
        float: none;
        padding: 0 !important
    }

    .panel-open div#siteNotice {
        position: static;
        font-size:16px;
        padding-top: 10px;
    }

    .panel-open #localNotice {
        width: 100%;
        overflow: hidden;
        display: block;
        font-size: 16px;
    }

    .panel-open #localNotice td {
        display: block;
        box-sizing: border-box;
        float: left;
        border: none !important;
        margin: 10px 0 0px;
        padding: 4px 0 4px 10px;
    }

    .panel-open table.buttons {
    }

    .panel-open table.buttons tr,.panel-open table.buttons td {
        width: 49% !important;
        box-sizing: border-box;
    }
    .panel-open table.buttons tr,.panel-open table.buttons td a {
        font-size:15px;
        font-weight:normal !important;
    }

    .panel-open table.buttons td {
        margin-left: 1% !important;
        display: inline-block;

    }

    .panel-open #site-menu1b {
        padding-top: 5px;
    }
    #panel div.portal * {
        font-size:15px;
        font-weight:normal;
    }
    #panel div.portal h5 {
        font-size:13px;
        margin-top:30px;
    }

    .panel-open #panel div.portal div.body ul li {
        line-height: 1.6
    }

    .panel-open #panel {
        top: 400px;
    }

    #localNotice>table {
        width: 100% !important;
        display: block
    }

    .panel-open #p-logo {
        top: -412px;
    }

    #localNotice a {
        white-space: nowrap;
        float: left
    }

    #mw-content-text p {
        max-width: 100% !important;
        overflow: hidden;
        box-sizing: border-box
    }

    #p-logo a {
        height: 95px;
        margin-bottom: 10px
    }

    #mklogo {
        display: none
    }

    #siteNotice {
        width: 100%
    }

    #localNotice td {
        display: none
    }

    #footer {
        margin-left: 10px;
        width: calc(100% - 20px);
        text-align:center;
    }
    #footer ul,#footer li {
        float:none !important;
        display:inline-block;
    }

    table.twocolumns td.column {
        width: 49% !important
    }

    .scrollview {
        width: 100%
    }

    .billboard,.billboard .billboard-item {
        width: 100%
    }

    .billboard-item img {
        width: 100% !important;
        height: auto !important
    }

    table.twocolumns img {
        width: 100%;
        height: auto;
        margin-left: 0
    }

    table.twocolumns p {
        margin: 0;
        margin-bottom: 0.6em;
        padding-left: 0 !important
    }

    .featured-article-horizontal-text {
        margin-left: 0
    }

    .featured-article-horizontal img {
        position: static;
        margin: 10px 0
    }

    div#mw-pages td {
        width: 100%
    }

    ul.events {
        margin-left: 0
    }

    table.mw_metadata,table.wikitable {
        display: block;
        max-width: 100%
    }

    table.mw_metadata tr,table.wikitable tr {
        display: flex;
        flex-flow: row wrap;
        border-bottom: 1px solid
    }

    table.mw_metadata th,table.mw_metadata td,table.wikitable th,table.wikitable td {
        display: block;
        border: none !important;
        text-align: left
    }

    #bodyContent h2 {
        padding-left: 0
    }

    #catlinks a {
        white-space: normal
    }

    .social-links {
        justify-content: flex-start;
        margin-top: 0;
        margin-bottom: -15px;
    }

    a.social-link {
        margin-right: 16px;
    }
}

@media all and (max-width: 480px) {
    div#mw-subcategories table tr,div#mw-pages table tr {
        -webkit-columns:2;
        columns: 2;
        //display: block
    }

    div#mw-subcategories td,div#mw-pages td {
        display: inline
    }

    div#mw-subcategories td ul {
        margin-top: 0
    }

    table.twocolumns,table.twocolumns tr,table.twocolumns td {
        display: block
    }

    table.twocolumns td.column {
        width: 100% !important
    }

    table.twocolumns img {
        width: 100%;
        height: auto
    }

    table.twocolumns a.image {
        display: block !important
    }

    table.twocolumns p {
        margin: 0;
        margin-bottom: 0.6em;
        padding-left: 0 !important
    }

    #bodyContent .infobox,#bodyContent .balast section ul {
        -webkit-column-count: 1;
        column-count: 1
    }
    tr.ibr-Contact.row- {
    	break-before: avoid;
    }

    #p-search,#mklogo {
    }
}

@media all and (min-width: 1023px) {
    .nobalast #content {
        width:calc(100% - 182px) !important;
        box-sizing: border-box
    }
}

@media print {
}