.container { margin:0px auto; width: 100% !important; padding:0px; }
@media (min-width:1000px) { .container { max-width: 1400px; } }
@media (max-width:999px), @media (min-width: 768px), @media (min-width: 576px) { .container { width: 100% !important; max-width: 100%; } }

/* Kolory */
:root {
    --glowny: #005BAA;
    --jasny-cien: #ffffff;
    --jasny-akcent: #90B5C1;
    --ciemny-akcent: #5E6D8F;
    --ciemny-cien: #22252C;
    --pol-glowny: #2e74b4;
}

/* Układ */
article { min-height:600px; padding:1vh 1vw; }
section { width:calc(100% - 255px); float:right; }
aside { width:250px; float:left; padding: 1vh 0px; }
footer { text-align:center; padding-left:250px; font-size: small;}
header { margin-bottom:60px; }
.small_screen { display:none; }
@media (max-width:767px){
    section { width: 100% !important; padding:0vw 1vw; }
    aside { width:100%; margin:auto; clear:both; float:none; }
    .small_screen { display:block; }
    .big_screen { display:none; }
    footer { padding: 1vh 1vw; }
    header {
      margin-bottom:0px;
    }
    .fixed-top {
      position:inherit;
    }
}


/* Tekst */
body {font-size: calc(13px + 0.2vh); line-height: 1.5; background-color: #fff; color: var(--ciemny-cien);}
p { margin-bottom: 1rem; }
strong { font-weight: 500; }
ul { margin-bottom: 0; padding-left: 1.5rem; }
body, h1, h2, h3, h4, h5, h6, small { font-weight: 300; }
b, strong {font-weight: 500;}



/* Nagłówki */
h2, h3, h4 {color:var(--ciemny-cien); }
h1 { font-size:2.25rem; font-weight: 400; color:var(--glowny);}
h2 { font-size:1.5625rem; margin-block-start: 1em;}
h3 { font-size:1.125rem; margin-block-start: 1em;}
h4 { font-size:1.0625rem; font-weight: 500;}
small {font-size: 0.7rem; color: gray}

/* Linki */
a { color: var(--glowny); text-decoration: none; }
a:hover { text-decoration: none; color: var(--ciemny-cien); }


/* Layout */
.menu-top { background-color: var(--glowny) !important; }
.menu-top  .navbar-nav .active { background-color: var(--pol-glowny); color: var(--jasny-cien); border-radius:7px; }
.menu-top  .navbar-nav .nav-link { color: var(--jasny-cien); font-weight: 400; border-radius: .3rem; }
.menu-top  .navbar-nav .nav-link:hover { background-color: var(--pol-glowny); color: var(--jasny-cien); }
.navbar-dark .navbar-toggler {border-color: rgba(255,255,255,.7)}


.m-div { padding:0vw; }
.d-half { width:50%; float:left; }
.cookie-info { position: fixed; bottom: 0; right: 0; left: 0; background-color: var(--glowny); color: #fff; border: 0; border-radius: 0;}
a.btn.btn-sm {color: var(--jasny-cien); background-color: var(--pol-glowny);}
.btn-vsm { padding: .15rem .5rem; font-size: .575rem; line-height: 1; border-radius: .2rem; }
@media only screen and (max-width: 430px), only screen and (max-device-width: 430px) {
  .d-half { width:100%;float:left; }
  .m-div { padding:0vw 3vw; }
  .cookie-info { bottom:0px; right:0px; margin-bottom:0rem !important; }
}

.btn-outline-primary {
        color: var(--glowny);
    border-color: var(--glowny);
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: var(--glowny);
    border-color: var(--glowny);
}


/* Wyszukiwarka */
.search-menu { font-weight: 400; background-color: transparent; border: none; color: #fff; }
.search-menu::placeholder { color: var(--jasny-akcent); }


.form-control {
    border-color: var(--ciemny-akcent);
    border-radius: .3rem 0 0 .3rem;
}

.form-control:focus {
    color: var(--ciemny-cien);
    border-color: var(--glowny);
    box-shadow: none;
}




/* Pomoocnicze klasy */
.clear { clear: both; }
.ac { text-align:center; }
.aj { text-align:justify; }
.ar { text-align:right; }
.nak { color:red; }


/* Kalendarz duży */
.cal { text-align:center; margin:0px auto; }
.mcal { text-align:center; padding:5px 1%; float:left; width:25%; height:200px; border-bottom:0px; margin:0px; }
.mch { width:13%; margin:1px; height:23px; float:left; font-size:14px; color:var(--glowny); padding-top: 2px; }
.mch-center { width:41%; font-size:17px; padding-top: 0px; }
.mcd { width:13%; margin:1px; border-radius:3px; height:27px; float:left; font-size:14px; border:1px #EEEEEE solid; background-color:#FEFEFE; cursor:default; line-height: 15px; }
.mcd:hover { background-color:#eeeeee; border:1px #DDDDDD solid; }
.sb { color:var(--jasny-akcent); }
.nd { color:#dc3545; }
.ed { background-color:rgba(0,91,170,0.1); border:1px var(--glowny) solid; }
.today { font-weight:bold; color:#007bff; border:1px #007bff solid; }
.today:hover { border:1px #007bff solid; }
@media only screen and (max-width: 900px), only screen and (max-device-width: 900px) {
    .mcal { width:33.33%; }
}
@media only screen and (max-width: 650px), only screen and (max-device-width: 650px) {
    .mcal { width:50%; }
}
@media only screen and (max-width: 430px), only screen and (max-device-width: 430px) {
    .mcal { width:100%; }
    .mch { width:14%; }
    .mch-center { width:41%; }
    .mcd { width:13.6%; }
}


/* Kalendarz miesiąca */
.cal_mies { line-height: normal; }
.cal_mies div { width: 14%; height: 100px; float: left; border: 1px #DDDDDD solid; padding: 1px; overflow: hidden; text-align: left; margin: 0.5px; border-radius: 4px; }
.cal_mies .empty { border:1px #FFFFFF solid; }
.cal_mies div a { font-size:12px; }
.cal_mies div .calmdate { font-size:40px; display:block; text-align:right; }

.cal_mies .days { text-align:center; font-weight:bold; height:20px; vertical-align:bottom; }
.cal_mies .sb { color:#999999; }
.cal_mies .nd { color:red; }
@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
	.cal_mies div { width:100%; height:50px; }
	.cal_mies div .calmdate { width:40px; float:right; margin-right:10px; }
  .cal_mies div .calmim { margin-left: 5px; }
}


/* Mały kalendarzyk */
.mini_cal { width:100%; margin:auto;box-sizing: unset;   }
.mini_cal td { text-align:center;box-sizing: unset; }
.mini_cal th { font-size:12px;font-weight:normal;color:var(--glowny); text-align:center; padding-bottom: 2px; box-sizing: unset; }
.mini_cal td a { color:#000000;display:block;width:15px; height:12px;font-size:12px;padding:1px 6px 3px 6px;margin:0px auto; text-align:center;box-sizing: unset;  }
.main_week td a { height:15px;padding:6px 6px;box-sizing: unset;  }
.mini_cal td .act { color:#FFFFFF;background-color:var(--glowny);border-radius:15px; }
.mini_cal td .oth { color:#666666;}


/* Tabelka wczoraj-pojutrze */
.main_4 { width:100%; }
.main_4 td { width:25%;text-align:center; }
.main_4 td a  { font-size:16px; }

/* Popularne imiona w dacie  */
.main_imi { font-weight: 500; }
.main_imi div { display:inline-block; margin-right: 1vw; }
.main_imi div a { font-size:20px;  }
@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
    .main_imi div a { padding-right: 3vw; }
}

.bb { float:left; width:23%; height:20px; font-size:13px; text-align:center; padding-top:5px; color:#FFFFFF; cursor:pointer; box-sizing: unset; }
.b_d_a, .b_w_a, .b_j_a, .b_p_a { border:1px silver solid; position:relative; top:-7px; width:23%; height:26px; z-index:10; margin:0px; color:var(--glowny); }
.b_w { margin-left:3px; }
.b_p_a { width:23%; }
.b_d_a div, .b_w_a div, .b_j_a div, .b_p_a div { border:1px #FFFFFF solid; height:25px; box-sizing: unset; }
/* gdy wybrany wczoraj */
.b_d_w {	margin-left:5px;background-color:var(--glowny);}
.b_j_w {	margin-left:5px;background-color:#196BB2;}
.b_p_w {	margin-left:5px;background-color:#337CBB;}
/* gdy wybrany dziś */
.b_w_d {	margin-right:5px;background-color:var(--glowny);}
.b_j_d {	margin-left:5px;background-color:#196BB2;}
.b_p_d {	margin-left:5px;background-color:#337CBB;}
/* gdy wybrany jutro */
.b_w_j {	margin-right:5px;background-color:var(--glowny);}
.b_d_j {	margin-right:5px;background-color:#196BB2;}
.b_p_j {	margin-left:5px;background-color:#337CBB;}
/* gdy wybrany pojutrze */
.b_w_p {	margin-right:5px;background-color:var(--glowny);}
.b_d_p {	margin-right:5px;background-color:#196BB2;}
.b_j_p {	margin-right:5px;background-color:#337CBB;}


/* divy z treścią */
.box { text-align:left; padding:5px; }
.box_txt { position:relative; top:-8px; border:1px silver solid; clear:both; }
.box_tab { width:100%; font-size:13px; }
.box_tab td { width:50%; }


/* Menu wewnętrzne # */
.kMenu { display:inline-block; margin: 1vh 1vw 1vh 0; padding:5px 12px; font-size:0.7rem; background-color: var(--glowny); color: var(--jasny-cien); border-radius: .3rem; text-transform: uppercase; }
.kMenu:hover { font-size:0.7rem; background-color: var(--pol-glowny); color: var(--jasny-cien) }


/* Lista imion / dat */
.di_list { display:block; width:135px; padding:4px; text-align:left; float:left;}
@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
  .di_list { width:33%; }
}


/* Lista wydarzeń */
.event_tab { width:100%; }
.event_tab td { vertical-align:top;padding:3px 0px; }
/* Lista świętych */
.ul-list { margin:0; padding-left: 1.5rem; }

.navbar-dark .navbar-toggler-icon {
    background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}



/* -------------- Styl dla dark mode -------------- */

@media (prefers-color-scheme: dark) {
    body { background-color: var(--ciemny-cien); color:var(--jasny-cien); }
    .menu-top { background-color:#121212; }
    footer ,footer a, aside a, article a { color:#299FFF; }
    h1{ color:#FFFFFF; }

h2, h3, h4 {color:var(--jasny-cien); }
a:hover {color: var(--jasny-cien); }
    hr {border-color: var(--jasny-akcent);}

/* Kalendarz duży */
.mch {color:var(--jasny-akcent);}
.mcd {border:#EEEEEE; background-color:var(--ciemny-cien);}
.mcd:hover { background-color:var(--ciemny-akcent); border:#DDDDDD; }
.today { color:var(--glowny); }

.modal-content { background-color: var(--ciemny-cien); color:var(--jasny-cien); }

    .b_d_a, .b_w_a, .b_j_a, .b_p_a { border:1px #299fff solid; color:#299FFF; }
    .b_d_a div, .b_w_a div, .b_j_a div, .b_p_a div { border:1px var(--ciemny-cien) solid; }
.box_txt { border-color: var(--glowny);}

    .b_d_w {	background-color:#299FFF;}
    .b_w_d {	background-color:#299FFF;}
    .b_w_j {	background-color:#299FFF;}
    .b_w_p {	background-color:#299FFF;}

    .mini_cal th { color:#299FFF; }
    .mini_cal td a { color:#FFFFFF; }
    .mini_cal td .act { background-color:#121212; }

    .kMenu { border-color: var(--glowny); }

    .cal_mies .empty { border-color: var(--ciemny-cien) }
}

.modal-open main, .modal-open header, .modal-open footer {
    filter: blur(5px);
}