/*
Theme Name: otwarty boot
Theme URI: https://otwartyplan.org
Author: marcin wojcik
Author URI: https://otwartyplan.org
*/

a {
color: rgb(0, 0, 0);
}

a:hover {
color:  rgb(0, 0, 0);
text-decoration: underline;
}

.nav-item {
margin:0 1.25em;
}
.newspaper a {
text-decoration: underline;
}

.single-post a {
color:rgb(246,133,144);
}
.logo {
	margin:1em 0;
}

.card {
    border:none;
    
}
.navbar {
border-radius:0 !important;
margin-bottom: 0;

}

.carousel-control {
background-image:none !important;
}

.jumbotron {
background-color:rgb(0,104,146);
margin-bottom:0;
padding: 4em 0;
padding-left:1em;
}
.content-fop {
background-color:rgb(0,104,146);
color: rgb(255, 255, 255);
padding:1em 0 1.2em;
}
.content-powietrza, .category-powietrza {
background-color:rgb(190,217,229);
}
.content-rowerem, .category-rowerem {
background-color:rgb(246,133,144);
}
.content-lokalnie, .category-lokalnie {
background-color:rgb(199,205,191);
}
.content-zielono, .category-zielono {
background-color:rgb(213,222,82);
}
.content-wiedza, .category-wiedza {
background-color:rgb(132,111,158);
}

.content-kdo {
background:url('http://otwartyplan.org/wp-content/uploads/2016/02/kdo-ds-srodowiska-background-e1454872976590.jpg');
height: 15em;
}

.kdo-title {
background:rgba(255,255,255,0.4);
margin-top:-1em;
}
.kdo-date {
background:rgba(213,222,82,0.5);
padding:0.1em 0.2em;
}

.content-gramiejska {
background:url('http://otwartyplan.org/wp-content/uploads/2017/08/fair-train_logo-e1504031972964.jpg');
background-position: center; 
height:15em;
margin-top: 2em;
} 
.content-panelobywatelski {
background:url('http://otwartyplan.org/wp-content/uploads/2018/10/6-paneli.jpg');
background-position: center; 
height:24em;
} 
.post {
margin-bottom:2em;
padding-bottom:1em;
}
.postgra {
height:40em;
}
.kroki {
background:rgba(206, 37, 81, 0.8);
min-height:16em;
height:auto; 
}
.paneltron {
background:rgba(112, 86,137, 0.8);
min-height:16em;
height:auto; 
margin: 4em 0;
color:white;
}
.paneltronwhite {
background:white;
color:rgba(112, 86,137);
}
.panelkarta {
margin:2.5em 0;
}
.ksiazka {
padding-top:5em;
}
.book {
margin:6em 0;
}
.karawany {
background:white;
}
.karawany h1 {
    font-size: 1.5rem;
}
.gragaleria {
background:rgba(206, 37, 81, 0.6);
height:19em; 
}
.imgkroki{
height:10em;  
}
.newspaper {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 1.5em; /* Chrome, Safari, Opera */
    -moz-column-gap: 1.5em; /* Firefox */
    column-gap: 1.5em;
	
}
.sg {
margin-top:3em;
margin-bottom: 4em;
}

.posts {
margin-top:3em;
margin-bottom: 3em;
}
.media {
margin-top:3em;
margin-bottom: 3em;
}

.lowem {
margin-bottom:5em;
}
.lowe {
border:1px solid lightgrey;
}

.lowtit {
 padding:2em;
}

img.desaturate { -webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
filter: grayscale(100%);
}

iframe {width:100%; height:26em;}

.navbar-inverse .navbar-nav li a {
color: white !important;
}

.navbar-inverse .navbar-nav li a:hover {
color: rgb(246,133,144) !important;  
}

.navbar-inverse .navbar-nav .active a {
color: rgb(246,133,144) !important;
background-color: #080808;
}

.fb-like {
margin-top:2.2em;
width: 2em;
float:left;
}

.twitter {
margin-top:2.2em;
width: 2em;
float:left;
}
.flickr2 {
margin-top:2.2em;
width: 2em;
float:left;
}
.blog-content {
margin: 2em 0;
}
.wiecej {
float:right;
clear:both;
margin-top: 0.7em;
}
.wiecejtxt {
float:right;
margin-right: -5em;
padding-top: 1.5em;
color: rgb(255, 255, 255);
}
.archiwum_kat {
margin:2em;
}
.ikona {
margin-top:3.5em;
}
.alignleft {
float:left;
margin: 0.5em 1em 1em 0;
}
#map {
position:fixed;
bottom:0;
left:0;
right:0;
top:11.4em;
}
.newssg {
height: 20em;
}
.sgnews {
height: 11em;
margin-bottom: 2em;
}
.img-sg-cat {
width: 5em;
float: left;
margin: 1em 1.2em 0.5em;
}
#newsidebar {
background:rgb(199, 205, 191);
}
#sidebarstars {
background:#f68590;
}
.map-toggle
{
width:28px;
height:28px;
    background-image: url(images/entrance-24.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: block;
    padding: 3px;
   background-color: rgb(255, 255, 255);
border: 1px solid rgb(153, 153, 153);
border-color: rgba(0, 0, 0, 0.4);
border-radius: 3px;
box-shadow: none;
    cursor: auto;
    text-align: center;
    background-color: #FFFFFF;
}
.foty {
float: left;
margin: 0.5em;

}
.flickr {
height:100%;

}
.sidetag {
margin-top: -6em;
background: rgb(213,222,82);
padding-bottom: 2em;
}
.msip-map {
width:100%;
height:35em !important;
}

.dropdown-submenu {
	position: relative;
}
.dropdown-submenu .dropdown-menu {
	top: 0; left: 95%; margin-top: -1px;
}

/* nowy plugin na powietrze.krakow.pl  
*/
.airwidget {
min-height:40em;
background: -o-linear-gradient(90deg, rgba(0, 163, 226, 0.7) 0%, rgba(0, 163, 226, 1) 95.09%);
background: linear-gradient(90deg, rgba(0, 163, 226, 0.7) 0%, rgba(0, 163, 226, 1) 95.09%);
}

.airwidget1 {
min-height:50em;
background:#00a3e2:
    background: -moz-linear-gradient(50% 100% 90deg,rgba(52, 126, 185, 1) 0%,rgba(57, 173, 204, 1) 95.09%);
    background: -webkit-linear-gradient(90deg, #347EB9 0%, #39ADCC 95.09%);
    background: -webkit-gradient(linear,50% 100% ,50% 0% ,color-stop(0,#347EB9 ),color-stop(0.9509,#39ADCC ));
    background: -o-linear-gradient(90deg, rgba(52, 126, 185, 1) 0%, rgba(57, 173, 204, 1) 95.09%);
    background: -ms-linear-gradient(90deg, rgba(52, 126, 185, 1) 0%, rgba(57, 173, 204, 1) 95.09%);
    background: linear-gradient(0deg, #00a3e2 0%, #39ADCC 95.09%);
}	
.okno {
/*background:rgb(255, 201, 4);*/
background:#ec1846;
color:white;
border: 1px solid rgba(255, 255, 255, 5);
padding-bottom: 0.5em;
}
.wykres {
margin-top:2em;
}
/* Use this selector to override the line style on a given series */
.ct-series-a .ct-line {
  /* Set the colour of this series line */
  stroke: white;
  /* Control the thikness of your lines */
  stroke-width: 5px;
  /* Create a dashed line with a pattern */
//  stroke-dasharray: 10px 20px;
}

/* This selector overrides the points style on line charts. Points on line charts are actually just very short strokes. This allows you to customize even the point size in CSS */
.ct-series-a .ct-point {
  /* Colour of your points */
  stroke: white;
  /* Size of your points */
  stroke-width: 10px;
  /* Make your points appear as squares */
  stroke-linecap: circle;
}
/* Use this selector to override bar styles on bar charts. Bars are also strokes so you have maximum freedom in styling them. */
.ct-series-a .ct-bar {
  /* Colour of your bars */
  stroke: #ec1846;
  /* The width of your bars */
  stroke-width: 20px;
  /* Yes! Dashed bars! */
  stroke-dasharray: 20px;
  /* Maybe you like round corners on your bars? */
  stroke-linecap: round;
}
.ct-line.ct-threshold-above, .ct-point.ct-threshold-above, .ct-bar.ct-threshold-above {
  stroke: #ec1846;
}

.ct-line.ct-threshold-below, .ct-point.ct-threshold-below, .ct-bar.ct-threshold-below {
  stroke: white;
}

.ct-area.ct-threshold-above {
  fill: #ec1846;
  fill-opacity:0;
}

.ct-area.ct-threshold-below {
  fill: white;
  fill-opacity:0;
}
.ct-label {
    fill: white;
    color: rgba(255,255,255,0.4);
    font-size: 1em;
    line-height: 1;
}
svg:not(:root) {
    overflow: visible;
}
@media (max-width: 992px)
{
    .dropdown-menu {
        padding: .5rem 0;
        margin: .125rem 0 0;
    }
    li > ul > li > ul > li > .dropdown-item {
        padding: .25rem 3rem;
    }
    li > ul > li > ul > li > .dropdown-item:before {
        content: '• ';
    }
}