﻿@font-face {
  font-family: 'Yanone Kaffeesatz';
  src: url('../fonts/Yanone_Kaffeesatz/YanoneKaffeesatz-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Yanone Kaffeesatz';
  src: url('../fonts/Yanone_Kaffeesatz/YanoneKaffeesatz-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/OpenSans-Regular-webfont.woff2') format('woff2');
  font-weight: 100 900; /* zakres wag */
  font-style: normal;
  font-display: swap;
}

body {
    background-image: url(../img/body.jpg);
    background-size: cover;
    background-attachment: fixed;
   font-family: 'Open Sans', sans-serif;
  font-weight: 400;
}
a {
    color: #23466c;
}
a:hover,
a:focus,
a:active {
    color: #28598e;
}
.yk {
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-size: 200%
}
.overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    right: 0;
    bottom: 0;
    background-image: url(../img/overlay.png);
}
.navbar-brand {
    font-size: 3rem;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    
/*
    background-image: url(../img/menu.png);
    background-position: bottom left;
    background-size: 0 100%;
    background-repeat: no-repeat;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    margin-right: 1rem;
*/
/*    font-family: 'Unica One', sans-serif;
    letter-spacing: -2px */
}
.navbar-brand:hover {
/* background-size: 100% 100%;*/
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.99);
    font-weight: 600;
    background-image: url(../img/menu.png);
    background-position: bottom left;
    background-size: 0 100%;
    background-repeat: no-repeat;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    margin-right: 1rem;
    font-size: 1.2rem;
}
.meta a {
      background-image: url(../img/menu.png);
    background-position: bottom left;
    background-size: 0 100%;
    background-repeat: no-repeat;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    text-decoration: none
}
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus,
.meta a:hover {
    background-size: 100% 100%;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: 'Yanone Kaffeesatz', sans-serif;
    color: rgba(24,58,104,1)
}
.h2, h2 {
    font-size: 2rem;
    font-weight: bold!important;
    color: #1f4270;
}
.btn-primary {
    background-color:  rgb(43 81 128) !important;
    background: linear-gradient(90deg, rgb(98 147 195) 0%, rgba(24,58,104,1) 100%) ;
    border-color: rgb(43 81 128) !important;
    border-radius: 0;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    
    background-color:  rgb(43 81 128);
    border-color:  rgb(43 81 128);
}
img {
	max-width: 100% !important;
	height: auto !important
}

.navbar-dark .navbar-nav .dropdown-menu .nav-link {
	color: rgba(0, 0, 0,1.0) !important;
}
.breadcrumb {
	background-color: transparent !important;
    font-size: 0.9rem;
}
iframe {
	max-width: 100% !important;
}
.article-body,
.page-body {
	
}

@media (min-width: 1500px) {   
    .container {
        max-width: 1450px;
    }
}
.bg-all {
    background-color: rgba(255, 255, 255, 0.8);
    padding: 20px
}

.carousel-caption {
    background-color: #00000066;
    color: white !important;
   right: 0;
    bottom: 0;
    left: 0;
}
.carousel-caption h3 {
    color: white !important
}
.carousel-indicators {
    display: none;
}
.carousel-caption h3 {
    font-size: 2.5rem
}
.carousel-caption a {
    color: white;
    text-decoration: none;
}
.card .caption h4 {
    font-size: 2rem !important
}
.card .caption h4 a {
    text-decoration: none !important
}

.filelist span,
.sharebox span,
a.priv
{
    text-transform: uppercase;
/*    font-family: 'Yanone Kaffeesatz', sans-serif;*/
    font-weight: bold;
    font-size: 0.9rem;
    letter-spacing: 2px;
}
a.copy {
    text-decoration: none;
    font-size: 11px;
    text-transform: lowercase;
    background: transparent url(/Content/img/infocity.png) no-repeat left 50%;
    padding-left: 15px;
    padding-right: 20px;
}
.filelist ul {
    margin-left: 2rem;
}
.meta {
    
    font-size: 0.9rem;
    letter-spacing: 0;
/*    text-align: center*/
}
.meta a {
/*    font-weight: bold;*/
    padding-left: 5px;
    padding-right: 5px;
}
.meta a:before {
    content: '» ';
    display: inline-block;
}
.meta a:after {
/*    content: ']';*/
    margin-right: 16px
    
}
.page-header {
    text-align: center;
}

.pagination {
    margin: 30px 0;
}

.page-link {
    color: rgba(24,58,104,1);
    border-color: transparent !important;
    background-color: transparent !important;
    padding: .5rem .85rem;
    font-size: 0.9rem;
    outline: none;
    box-shadow: none !important;
    
}
.page-link:hover, .page-link:focus, .page-link:active {
    color: rgb(22, 90, 181)
}
.page-item.disabled .page-link {
    background-color: transparent;
}


.page-item.active .page-link {
    color: #FFFFFF;
    font-weight: 700;
    background-color: #5e8ebe !important;
    border-radius: 50%;
}

.page-item.disabled .page-link {
    border-color: transparent
}

.btn-outline-secondary {
    color: #5e8ebe !important;
    background-color: #ffffff;
    background-image: none;
    border-color: #5e8ebe !important;
}
.btn-outline-secondary:hover,
.btn-outline-secondary:focus,
.btn-outline-secondary:active {
     color: #ffffff !important;
     background-color: #5e8ebe;
}

/* KALENDARZ */


.panel-calendar {

}
.calendar-search {
	border-radius: 0!important;
	background-color: #f7f7f7!important 
}
h3.dymek {
	font-size: 20px
}
#calendar {
	background-color: #fafafa;
	height: auto;
   margin-bottom:20px;
	 
}
#calendar:after {
	clear: both;
	content: ' '
}
#calendar a {
	color: #000!important 
}
.cal-calendar .cal-day {
    width: 14%;float:left;
	 border: 1px solid white;
	 text-align: center;
}
.cal-calendar .cal-day:last-child:after {
	clear: both;
	content: ' '
}
.cal-calendar .cal-weekend {
	color: red
}
.cal-calendar .cal-weekend a {
	color: red
}
.cal-month-change span {
	font-size: 1.6rem;
	cursor: pointer;
}
.cal-header {
	border-bottom: 3px solid white;	
}
.cal-header .col-sm-6 {
	text-align: center;
}
.cal-day-header {
	font-weight: bold;
}
.cal-disabled span {
	opacity: 0.4
}
.cal-hasevents {
	font-weight: bold;
	background-color: #ff7800!important;
}
.cal-hasevents .popover .popover-content {
	min-width: 250px;
	color: black;
	min-height: 200px;
	max-height: 300px;
	overflow-y: auto;
}
.cal-hasevents .popover a {
	color: black
}
.cal-today {
	border: 1px solid #3cc236!important;
	background-color: rgba(60,194,54,0.3);
 
}

ul.cal-events,
ul.cal-events li {
	list-style: none;
	margin: 0;
	padding: 0
}
.cal-events-date {
	color: black;
	border-bottom: 1px solid black;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 16px;
	font-weight: bold;
}
ul.cal-events h3 {
	font-size: 14px;
	font-weight: bold;}
ul.cal-events li {
	border-bottom: 1px solid #366b99;
	padding-bottom: 10px}
ul.cal-events .fa {
	color: black;
}
	
body.calendar .item {
	margin-bottom: 20px;
	padding: 20px;
	background-color: white;
	border: 1px solid #def0bd;
}
body.calendar .item_header {
	margin-bottom: 10px
}
body.calendar .item_header h2 {
	margin: 0 10px;
	color: #0d6b00;
}
body.calendar .item_header h2 a {
	color: #0d6b00;
}
body.calendar time {
	
	margin-left: 10px;
	line-height: 30px
}
body.calendar .cal-calendar header {
	display: none;
}
body.calendar .item_content {
	margin: 10px
}

/*TOTOP*/
		
.totop {
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 104400;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
    opacity:0;
}
    .totop.show {
        opacity:1;
    }
.totop a i {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 25px;
    background: rgba(60,60,60,0.7);
}
.totop a, .totop a:visited {
    color: #fff;
    text-decoration:none;
}
		
.fot-o {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
}

.fot-o:hover {
    -o-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -moz-transform: scale(1.02);
    -o-transform: scale(1.02);
    -webkit-transform: scale(1.02);
}


/*
	Kontrast
*/

.sr-only {
	color: yellow !important;
	background-color: black !important;
}


.apply-contrast.contrast-normal {
	display: none
}

body.contrast-high,
body.contrast-high *,
body.contrast-high header,
body.contrast-high .boxy .article-body {
	background-color: black !important;
	color: yellow !important
}


body.contrast-high .apply-contrast.contrast-normal {
	display: initial;
}

body.contrast-high .apply-contrast.contrast-high {
	display: none;
}

.apply-contrast {
	outline: none;
	font-weight: 800;
	background-color: white;
	border-radius: 0;
	margin-top: 5px;
}

	.apply-contrast:hover,
	.apply-contrast:focus,
	.apply-contrast:active {
		background-color: yellow;
	}

	.apply-contrast.contrast-normal {
		background-color: white !important;
		color: black !important;
	}

		.apply-contrast.contrast-normal img {
			background-color: white !important;
		}

.apply-size {
	font-weight: 800;
	outline: none !important;
	border: none !important;
	box-shadow: none !important;
	background-color: transparent !important;
	border-radius: 0;
	margin-top: 5px;
}

	.apply-size.plus {
		_font-size: 110%;
	}

	.apply-size:hover,
	.apply-size:focus,
	.apply-size:active {
		background-color: silver !important;
	}