/*@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed|Roboto:400,700,900&subset=latin-ext');*/
#shops, #ranking, #do_czytelnikow, #videos {display:none !important;}
#header nav.navbar, #header nav.navbar > .container {background-color: #2253AF;}
#header .navbar #searchInHeader input {color:#00579a;background-color:#fff;}
#header .navbar #searchInHeader input::placeholder {color: #00579a;}
.cat_ #lastest .boxContent article h4.tags, .cat_1 #lastest .boxContent article h4.tags{display:block;color:#2253AF;padding:12px 0 0 14px;background-color:transparent;font-family:'Roboto Condensed', sans-serif; font-size:16px;}
.cat_  #lastest .boxContent article h4::after, .cat_1  #lastest .boxContent article h4::after {content:none;}
.cat_ #lastest .boxContent article, .cat_1 #lastest .boxContent article {padding:0 !important;background-color:transparent;border:none !important;box-shadow:none !important;-webkit-box-shadow:none !important;}
.cat_ #lastest .boxContent article a, .cat_ #lastest .boxContent article aside, .cat_1 #lastest .boxContent article a, .cat_1 #lastest .boxContent article aside {padding: 4px 14px;}
.cat_ #lastest .boxContent article a, .cat_1 #lastest .boxContent article a {display: inline-block;font-size:20px;font-family:'Roboto', sans-serif;font-weight:bold;font-size:20px;}
.cat_ #lastest .boxContent article aside a, .cat_1 #lastest .boxContent article aside a {font-weight:lighter;font-family:'Open Sans', sans-serif;}
.cat_ #lastest .boxContent article#firstNews a.picture, .cat_1 #lastest .boxContent article#firstNews a.picture {padding:0;}
.cat_ #lastest .boxContent article aside a, .cat_1 #lastest .boxContent article aside a {display: inline;font-size:13px;}
.cat_ #lastest #firstNews div, .cat_1 #lastest #firstNews div {padding-top: 0 !important;}
.cat_ #lastest #firstNews aside a, .cat_1 #lastest #firstNews aside a {display:inline-block;}
.cat_ #lastest #firstNews, .cat_1 #lastest #firstNews {border: none;background-color:#fff;border-radius:6px;}
.cat_ #lastest #firstNews .srodek-article > div, .cat_1 #lastest #firstNews .srodek-article > div {padding:0;padding-bottom:32px;}
.cat_ #lastest #firstNews .srodek-article, .cat_1 #lastest #firstNews .srodek-article {padding:0 !important;margin: 0;}
.cat_ #lastest #firstNews .srodek-article img, .cat_1 #lastest #firstNews .srodek-article img {border-radius: 6px 6px 0 0;}
.cat_ #lastest #firstNews h4, .cat_1 #lastest #firstNews h4{font-size:16px;}
.cat_ #lastest #firstNews aside a {font-size: 14px;color: #666;padding-left:0;}
#lastest {font-family: 'Nunito', sans-serif;background:none;}
#articlePage header {border-radius:6px;}

.cat_ #lastest .boxContent article .srodek-article, .cat_1 #lastest .boxContent article .srodek-article{
height:100%;
margin-left:10px;
padding-bottom:26px;}
.cat_ #lastest .boxContent article:after, .cat_1 #lastest .boxContent article:after {margin-left:6px;}
.cat_ #lastest .srodek-article, .cat_1 #lastest .srodek-article {border-radius:6px;background-color:#fff;}

.baner-top, .baner-aside {width:100%;text-align:center;margin-bottom: 20px;}
.baner-aside {padding:10px;}
.baner-top a {margin: 0 auto;}
.baner-top img, .baner-aside img {max-width:100%;}
#shops, #ranking, #do_czytelnikow, #videos {display:none !important;}
.categoryList {clear:both;}

.importantPost a {border-radius:6px;}
#importantNews .importantPost .title, #articlePage header img, #articlePage footer {border-radius: 0 0 6px 6px;}

.box .boxContent, #trioThumbs .trioThumbs img, #articlePage #comments .well {
	border-radius: 6px;
}
#calendar .boxContent {
	border-radius: 0 0 6px 6px;
} 
#sidebar #calendar .boxHeader, #sidebar .box .boxHeader, #articlePage section {border-radius: 6px 6px 0 0;}
#header .navbar ul.nav > li:first-child, #header .navbar ul.nav > li {border:none !important;}
@media only screen and (max-width: 767px) {
 	.cat_ #lastest .boxContent article, .cat_1 #lastest .boxContent article {margin-left:0;}
	#otherNews article {margin-top:15px !important;}
}


/*  felieton slider  */

@import "bourbon";
/*---- NUMBER OF SLIDE CONFIGURATION ----*/
$num-of-slide: 5;


/*---- SET UP CONTROL ----*/
.slider-prev-next-control {
    height: 50px;
    position: absolute;
    top: 50%;
    width: 100%;
    @include transform(translateY(-50%));

    label {
        display: none;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background: #fff;
        opacity: 0.7;

        &:hover {
            opacity: 1;
        }
    }
}

.slider-dot-control {
    position: absolute;
    width: 100%;
    bottom: 0;
    text-align: center;

    label {
        cursor: pointer;
        border-radius: 5px;
        display: inline-block;
        width: 10px;
        height: 10px;
        background: #bbb;
        @include transition(all 0.3s);

        &:hover {
            background: #ccc;
            border-color: #777;
        }
    }
}

/* Info Box */
.info {
    position: absolute;
    font-style: italic;
    line-height: 20px;
    opacity: 0;
    color: #000;
    text-align: left;
    @include transition(all 1000ms ease-out 600ms);

    h3 {
        color: #fcfff4;
        margin: 0 0 5px;
        font-weight: normal;
        font-size: 1.5em;
        font-style: normal;
    }

    &.top-left {
        top: 30px;
        left: 30px;
    }

    &.top-right {
        top: 30px;
        right: 30px;
    }

    &.bottom-left {
        bottom: 30px;
        left: 30px;
    }

    &.bottom-right {
        bottom: 30px;
        right: 30px;
    }
}

/* Slider Styling */
.slider-wrapper {
    width: 100%;
    overflow: hidden;
    border-radius: 5px;
    box-shadow: 1px 1px 4px #666;
    background: #fff;
    background: #fcfff4;
    @include transform(translateZ(0));
    @include transition(all 500ms ease-out);

    .inner {
        @include transform(translateZ(0));
        @include transition(all 800ms cubic-bezier(0.77, 0, 0.175, 1));
    }
}

/*---- SET POSITION FOR SLIDE ----*/
%bind-prev-next-button {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    margin: 0;
    line-height: 38px;
    font-size: 3em;
    display: block;
    color: #777;
}

%bind-next-button {
    @extend %bind-prev-next-button;
    content: "\f105";
    padding-left: 15px;
}

%bind-next-label {
    display: block;
    float: right;
    margin-right: 5px;
}

%bind-prev-label {
    display: block;
    float: left;
    margin-left: 5px;
}

%bind-prev-button {
    @extend %bind-prev-next-button;
    content: "\f104";
    padding-left: 8px;
}

%bind-background-active-dot {
    background: #333;
}

%bind-opacity-info {
    opacity: 1;
}

@for $i from 1 through $num-of-slide {
    #slide#{$i}:checked {
        & ~ .slider-wrapper .inner {
            margin-left: percentage(1 - $i);
        }

        & ~ .slider-dot-control label:nth-child(#{$i}) {
            @extend %bind-background-active-dot;
        }

        & ~ .slider-wrapper article:nth-child(#{$i}) .info {
            @extend %bind-opacity-info;
        }
    }
}

@for $i from 1 through ($num-of-slide - 1) {
    #slide#{$i}:checked {
        & ~ .slider-prev-next-control label:nth-child(#{$i +1}) {
            @extend %bind-next-label;

            &::after {
                @extend %bind-next-button;
            }
        }
    }
}

#slide#{$num-of-slide}:checked ~ .slider-prev-next-control label:nth-child(1) {
    @extend %bind-next-label;

    &::after {
        @extend %bind-next-button;
    }
}

@for $i from 2 through $num-of-slide {
    #slide#{$i}:checked {
        & ~ .slider-prev-next-control label:nth-child(#{$i - 1}) {
            @extend %bind-prev-label;

            &::after {
                @extend %bind-prev-button;
            }
        }
    }
}

#slide#{1}:checked ~ .slider-prev-next-control label:nth-child(#{$num-of-slide}) {
    @extend %bind-prev-label;

    &::after {
        @extend %bind-prev-button;
    }
}

/*---- TABLET ----*/
@media only screen and (max-width: 850px) and (min-width: 450px) {
    .slider-wrapper {
        border-radius: 0;
    }
}

/*---- MOBILE----*/
@media only screen and (max-width: 450px) {
    .slider-wrapper {
        border-radius: 0;
    }

    .slider-wrapper .info {
        opacity: 0;
    }
}




/*  felieton slider end  */

/* polityka prywatnosci */

.polityka-prywatnosci ol li {
	border:none;
	padding: 6px 8px;
}
.polityka-prywatnosci ol ol li {
	padding: 6px 18px;
}
.polityka-prywatnosci ol ol ol li {
	padding: 6px 28px;
}

#topmenu ul li:last-child a{
	color:#2253AF;
	background-color:white;
}

/* 09.10.2019 */

#firstNews .firstNewsDiv, .firstNewsDiv {
	position:relative;
	line-height:0;
	margin-right:10px;
	padding:0 !important;
}
#firstNews {
	background-color:transparent !important;
}
#firstNews .firstNewsDiv a, .firstNewsDiv a {
	padding:0 !important;
}
#firstNews .firstNewsDiv img, .firstNewsDiv img {
	border-radius:6px 6px 0 0;
}
#firstNews .firstNewsDivDiv {
	position:absolute;
	bottom:0; 
	background:rgba(0,0,0,0.5);
	right:0;
	left:0;
	padding:0 !important;
}
.firstNewsDivDiv {
	position:absolute;
	bottom:0; 
	background:rgba(0,0,0,0.5);
	right:0;
	left:0;
}
#firstNews .firstNewsDivDiv h4.tags, .firstNewsDivDiv h4.tags {
	font-size:14px !important;
	padding:10px !important;
	color:#fff !important;
	text-shadow:2px 2px rgba(0,0,0,0.5);
}
#firstNews .firstNewsDivDiv aside, .firstNewsDivDiv aside {
	position:absolute !important;
	bottom:0 !important;
	right:0 !important;
	left:auto !important;
	padding:10px !important;
}
#firstNews .firstNewsDivDiv aside a,.firstNewsDivDiv aside a{
	color:#fff !important;
	padding:0 !important;
}
#firstNews .firstNewsDivDiv aside span, .firstNewsDivDiv aside span {
	color:#fff;
}

#firstNews .firstNewsDivBottom{
	position:relative;
	background:#fff;
	margin-right:10px;
	min-height:75px;
	border-radius:0 0 6px 6px;
	padding:0 !important;
}
.firstNewsDivBottom{
	position:relative;
	background:#fff;
	margin-right:10px;
	min-height:75px;
	border-radius:0 0 6px 6px;
}
#firstNews .firstNewsDivBottom a,.firstNewsDivBottom a{
	font-size:16px !important;
	padding: 4px 8px !important;
	font-family: 'Open Sans', sans-serif !important;
	line-height: 22px;
}

#advices {
	margin-top:10px;
}
#advices>a:first-child, #calculator>h2.boxHeader, #trioThumbs>a {
	position:absolute;
	top:0px;
}
.box .boxContent {
	padding:40px 24px 10px 24px !important;
}
#calculator, #trioThumbs {
	margin-top:10px;
	margin-bottom:12px !important;
}
#formularz {
	padding:45px 20px 12px 24px !important;
}

@media only screen and (max-width: 900px) {
  .mobile-yes {
    display:block !important;
  }
  .mobile-no {
    display:none !important;
  }
}
#advices .list-group-item {
	overflow: hidden;
}
#advices .badge {
	width:30%;
	float:right;
}
#advices .badge a {
	color: #fff;
}
#advices h4.subtitle {
	width:70%;
	float:right;
	margin:2px 0;
}