/*
Theme Name: Parki
Theme URI: 
Author: 
Author URI: 
Description: 
Version: 1.0
Text Domain: 
*/
html, body {
    height: 100%;
}

body {
    font-family: 'Lato', sans-serif;

}

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

.admin-bar .navbar {
    margin-top: 32px;
}

a, a:hover {
    text-decoration: none;
}

a {
    transition: all 0.6s ease;
}

.white_text {
    color: #fff;
}

/* ----------------- HEADER -------------------------- */
.navbar {
    background: rgba(0, 0, 0, 0.24);
    font-size: 0.8rem;

}

.nav-link, .navbar-brand {
    color: #f4f4f4;
    cursor: pointer;
}

.nav-link {
    margin-right: 1em !important;
}

.nav-link:hover {
    background: #f4f4f4;
    color: #f97300;
}

.navbar-collapse {
    justify-content: flex-end;
}

.navbar-toggler {
    background: #fff !important;
}

.overlay {
    position: absolute;
    min-height: 100%;
    min-width: 100%;
    left: 0;
    top: 0;
    background: rgba(244, 244, 244, 0.79);
}

.navbar ul a {
    color: #fff;
    text-transform: uppercase;
    padding: 10px 10px;
    border: 2px solid rgba(150, 196, 75, 0.0);

}

.navbar ul a:hover {
    background: rgba(150, 196, 75, 0.4);
    text-decoration: none;
    border: 2px solid rgb(150, 196, 75);
    padding: 10px 17px;
}

.pasek {

    background: rgba(255, 255, 255, 0.85);
    z-index: 9999;
    position: absolute;
    width: 100%;
    text-align: center;
}

.pasek img {
    width: 90%;
}

.col img {
    height: 25px;
    width: auto;
}

.tp-caption {
    text-align: center !important;
}

.navbar-toggler {
    background-color: rgb(150, 196, 75) !important;
}

.seres {
    border-bottom: 3px solid #043131;
}

.mob-menu {
    position: fixed;
    background: rgba(0, 0, 0, 0.50);
    z-index: 9999;
    top: 56px;
    width: 100%;

}

.mob-menu a {
    color: #fff;
    padding-top: 5px;
    padding-bottom: 5px;
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
}

.navbar-default .navbar-toggler .icon-bar {
    background-color: #888;
    width: 22px;
    height: 2px;
    display: block;
    margin-bottom: 4px;
}

.navbar-toggler .icon-bar {
    width: 22px;
    transition: all 0.2s;
}

.navbar-toggler .top-bar {
    transform: rotate(45deg);
    transform-origin: 10% 10%;
}

.navbar-toggler .middle-bar {
    opacity: 0;
}

.navbar-toggler .bottom-bar {
    transform: rotate(-45deg);
    transform-origin: 10% 90%;
}

.navbar-toggler.collapsed .top-bar {
    transform: rotate(0);
}

.navbar-toggler.collapsed .middle-bar {
    opacity: 1;
}

.navbar-toggler.collapsed .bottom-bar {
    transform: rotate(0);
}

/* ---------------------- NEWSY ----------------- */
.sectioon-title {
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 0;

}

a .all_link_parent {
    border: 2px solid #96C44B;
    transition: all ease 0.6s;
    padding: 10px 5px;
    margin-left: 30px;
    position: relative;
    background-image: linear-gradient(to right, #fff 50%, rgba(150, 196, 75, 0.4) 50%);
    background-size: 200% 100%;
    color: #000;
    text-decoration: none;
    margin-top: 10px;
    display: inline-block;

}

.moreLiknkMod .all_link_parent {
    padding: 5px 10px;
    margin-left: 0px;
    margin-bottom: 30px;

}

.all_link_cont, .all_link_cont:hover {
    color: #000;
}

.all_link {
    position: relative;
    transition: all ease 0.6s;
    display: inline-block;
    font-size: 0.8rem;
    z-index: 10;

}

.all_link b {
    font-size: 1rem;
}

.all_link i {
    font-size: 0.5rem;
}

a:hover .all_link_parent .all_link {
    left: 0px;
}

a:hover .all_link_parent {
    left: 0;
    background-position: right bottom;
    color: #000;
    text-decoration: none;

}

.all_link_sublink {
    font-size: 0.6rem;
    margin-top: 20px;
    color: #000;
    text-decoration: none;
    z-index: 9999;
    display: inline-block;
}

.all_link_see {
    font-size: 0.8rem;
    margin-left: 100px;
}

.news {
    min-height: 320px;
    position: relative;
}

.news-title {

    background: rgba(255, 255, 255, 0.85);
    text-transform: uppercase;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    font-weight: bold;
    font-size: 0.8rem;

}

.news_info_title {
    padding-left: 10px;
    padding-right: 10px;
}

.news_info_bar {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 0.7rem;
    align-self: flex-end;
}

.data_dzien {
    font-size: 2.5em;
    font-weight: bold;

}

.data_miesiac {
    font-size: 1.5em;
    text-transform: uppercase;
}

.event_title {

    text-transform: uppercase;
    font-weight: bold;
    font-size: 0.8rem;
}

.event_exc {
    font-size: 0.7rem;
}

/* ------------------ KARUZELA --------------------- */
.MultiCarousel {
    float: left;
    overflow: hidden;
    padding: 15px;
    width: 100%;
    position: relative;
}

.MultiCarousel .MultiCarousel-inner {
    transition: 1s ease all;
    float: left;
}

.MultiCarousel .MultiCarousel-inner .item {
    float: left;
}

.MultiCarousel .MultiCarousel-inner .item > div {
    text-align: center;
    padding: 10px;
    margin: 10px;
}

.MultiCarousel .leftLst, .MultiCarousel .rightLst {
    position: absolute;
    border-radius: 50%;
    top: calc(50% - 20px);
    cursor: pointer;
}

.MultiCarousel .leftLst {
    left: 0;
}

.MultiCarousel .rightLst {
    right: 0;
}

.MultiCarousel .leftLst.over, .MultiCarousel .rightLst.over {
    pointer-events: none;
}

.item a {
    text-transform: uppercase;
    font-size: 0.9rem;
    color: #000;
    line-height: 0.1rem;
}

/* ---------------- /KARUZELA ------------------------ */
.myBox {
    width: 100%;
    height: 400px;
    cursor: pointer;
    position: relative;
    transition: all 0.6s ease;
}

.myBox a {
    color: #fff;
    text-transform: uppercase;
    font-size: 1.3rem;
    font-weight: bold;

}

.myBox .arrow {
    position: absolute;
    bottom: 0;
    right: 0;
    background: rgba(150, 196, 75, 0.7);
    width: 100px;
    height: 100px;
    transition: all 0.6s ease;
}

.myBox:hover .arrow {
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.link_txt {
    position: relative;
    z-index: 999;
}

.arrow_ico {
    position: absolute;
    bottom: 0;
    right: 0;
    color: #fff;
    font-size: 2rem;
    text-align: center;
    width: 100px;
    height: 100px;
    line-height: 100px;
}

.turystyka {
    text-align: center;
    text-transform: uppercase;
    color: #000;
}

.turystyka a {
    color: #000;
}

.turystyka a:hover {
    background: rgba(150, 196, 75, 0.68);
    border: 2px solid rgb(150, 196, 75);
}

.onas .col {
    /*writing-mode:vertical-rl; transform: rotate(180deg);*/

    text-align: left;
    background: rgba(0, 0, 0, 0.41);
    vertical-align: middle;
    cursor: pointer;

}

.outer {
    width: 100%;
    height: 100%;
    position: relative;
    display: inline-block;
}

.inner {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 150%;
}

.rotate {
    -moz-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
    transform: translateX(-50%) translateY(-50%) rotate(-90deg);
}

.onas .d-flex .col-12:nth-child(even) {
    background: rgba(0, 0, 0, 0.1);
}

.onas .d-flex .col-12:hover {
    background: rgba(150, 196, 75, 0.8);

}

.onas {
    background: url('img/onas.jpg') no-repeat;
    background-size: cover;
    background-position: bottom center;
}

.onas a {
    text-transform: uppercase;
    color: #fff;
    font-size: 1rem;
    font-weight: bold;
}

.subpages_list {
    display: none;
    background: #96C44B;
    width: 100%;
    height: 100%;
    transition: all ease 0.6s;
}

.subpages_list a {
    color: #000;
    text-transform: uppercase;
    font-size: 0.7rem;
    line-height: 0.7rem;
    display: block;
    width: 100%;
    height: 100%;
    padding: 20px;

}

.subpages_list a:hover {
    background: rgba(127, 172, 54, 0.8);
}

/*.prev
{
	display:block;
	width:20px;
	height:20px;
	background:red;
}*/
.skrot {
    display: table;
    width: 100%;
    background: rgba(150, 196, 75, 0.68);
    border: 5px solid rgb(150, 196, 75);
    min-height: 100px;
    text-transform: uppercase;
    color: #000;
    font-size: 1.1rem;
    font-weight: bold;

}

.skrot .skrot_title {
    display: table-cell;
    vertical-align: middle;
    padding-left: 20px;
    padding-right: 20px;

}

.skrot_ico {
    vertical-align: middle;
    display: table-cell;
    width: 20%;
    text-align: center;
    background: rgb(150, 196, 75);
    color: #fff;
}

.skrot:hover {
    color: #000;
    opacity: 0.8;
}

.kontakt-ico {
    margin-left: -20px;
    float: left;
    color: #96C44B;
}

.kontakt-tytul {
    font-weight: bold;
    font-size: 1.1rem;
}

.kontakt-tresc p {
    margin-bottom: 0.4rem;
}

/* ------------------------------------------ parki -------------------------- */

.park_submenu {
    background: rgba(150, 196, 75, 1.0);
    color: #000;
    text-transform: uppercase;
    font-size: 0.8rem;
    margin-bottom: 15px;
}

.park_submenu a {

    display: block;
    width: 100%;
    height: 100%;
    color: #000;
    font-size: 0.7rem;
    text-align: center;
}

.park_submenu .col {
    color: #fff;
    background: rgba(150, 196, 75, 0.6);
    border: 3px solid rgba(150, 196, 75, 0.0);

}

.park_submenu .col:hover {
    color: #fff;
    background: rgba(150, 196, 75, 0.6);
    border: 3px solid rgb(150, 196, 75);

}

.park_submenu .col:hover a {
    color: #fff;
}

/* ------------------------------------------ /parki -------------------------- */
/* ------------------------------------------ STOPKA ------------------------- */
.stopka {
    background: #042929;
    color: #FFF;
    font-size: 0.8rem;
    line-height: 1rem;
    border-top: 32px solid #043131;
    position: relative;
}

.stopka p {
    margin-bottom: 0.4rem;
}

/* --------------------------- KALENDARz --------------------------- */
.none {
    display: none;
}

.dropdown {
    color: #444444;
    font-size: 17px;
}

#calendar_div {
    width: 100%;
    text-align: center;
}

#calender_section {
    width: 100%;
    background: #669933;
}

#calender_section h2 {
    color: #fff;
}

#calender_section h2 a {
    color: #fff;
    float: none;
}

#calender_section_top {
    width: 100%;
    margin-top: 20px;
    color: #F6D032;
    background: #669933;
}

#calender_section_bot {
    background: #669933;
}

#calender_section_bot span {
    color: #fff;
}

#calender_section_bot span a {
    color: #fff;
}

/*.grey{ background-color:#DDDDDD !important;}*/
.light_sky span {
    background-color: #F6D032;
    border-radius: 20px;
    border: 5px solid #F6D032;
}

#event_list {
    background: #fff;
    margin-top: 20px;
}

/*========== Hover Popup ===============*/

.date_popup_wrap {
    position: absolute;
    width: 143px;
    height: 115px;
    z-index: 9999;
    top: -115px;
    left: -55px;
    background: transparent url(add-new-event.png) no-repeat top left;
    color: #666 !important;
}

.events_window {
    overflow: hidden;
    overflow-y: auto;
    width: 133px;
    height: 115px;
    margin-top: 28px;
    margin-left: 25px;
}

.event_wrap {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: solid 1px #E4E4E7;
    font-size: 12px;
    padding: 3px;
}

.date_window {
    margin-top: 20px;
    margin-bottom: 2px;
    padding: 5px;
    font-size: 16px;
    margin-left: 9px;
    margin-right: 14px
}

.popup_event {
    margin-bottom: 2px;
    padding: 2px;
    font-size: 16px;
    width: 100%;
}

#currData {
    background: #96C44B;
    text-align: center;
    color: #fff;
    width: 100%;
    padding: 5px;
}

#currDay {
    font-size: 4.5rem;
    margin-bottom: 0;
}

.whitty {
    background: #fff;
}

.kal_tyt {
    background: rgba(150, 196, 75, 0.6);
    border: 5px solid #96C44B;
    text-align: left;
    padding: 10px;
}

.bord {
    border-bottom: 1px solid #707070;
}

/*-----------  infobox -------*/
.card {
    border: none;
}

.card-body {
    background: rgba(150, 196, 75, 0.6);
}

.card-title {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
    margin-top: -1.25rem;
    background: #96C44B;
    padding: 0.75rem;
    text-transform: uppercase;
    font-size: 0.9rem;
}

.card-text {
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
}

.box-pasek {
    background: #96C44B;
    padding: 0.75rem;
    margin-top: 30px;
}

.mapa_box a img {
    height: 100px;
    width: auto;
    margin: 0 auto;
    display: inline-block;
}

.mapa_box a {
    color: rgb(33, 37, 41);
    text-align: left;
    font-size: 0.8rem;
    width: 100%;
    display: inline-block;
    font-weight: normal;
}

.mapa_box a:first-child {
    text-align: center;
}

.mapa_box .card-text {
    text-align: left;
}

.right_bold {
    text-align: right;
    font-weight: bold;
    font-size: 0.8rem;
    word-wrap: break-word;
}

.right_bold a {
    color: #000;
}

.plan_link {
    display: block;
    width: 100%;
    color: #000;
}

.alr {
    text-align: right;
}

@media screen and (max-width: 1700px) {
    .navbar {
        font-size: 0.7rem;
        text-align: center;
    }

    .navbar ul a {
        width: 92%;

        text-align: center;
    }

    .navbar ul a:hover {
        width: 96%;
        margin: 1%;
        padding: 1%;
    }
}

@media screen and (max-width: 1380px) {
    .navbar ul a {
        padding: 10px 5px;
    }
}

@media screen and (max-width: 1180px) {
    .navbar ul a {
        width: 100%;
        padding-top: 5px;
        padding-bottom: 5px;
        margin-top: 5px;
        margin-bottom: 5px;
        text-align: left;
        background: none;
        display: block;
    }

    .navbar ul a:hover {
        width: 100%;
        padding-top: 5px;
        padding-bottom: 5px;
        margin-top: 5px;
        margin-bottom: 5px;
        border: none;
        background: none;
        display: block;
        text-align: left;
    }

    .pasek {
        display: none;
    }

    .home #listek0 {
        display: none !important;
    }

    .sectioon-title {
        font-size: 1.65rem;
    }

}

@media screen and (max-width: 1025px) {
    .sectioon-title {
        font-size: 1.45rem;
    }
}

@media screen and (max-width: 782px) {
    .admin-bar .navbar {
        margin-top: 46px;
    }
}

@media screen and (max-width: 769px) {

    .park_titel br {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .onnas .myBox {
        height: auto;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .onnas .myBox .inner.rotate {
        transform: none;
        width: 100%;
        position: static;
        text-align: center;
    }

    .mob-menu {
        top: 90px;
    }
}

@media screen and (max-width: 600px) {
    /**/
    #wpadminbar {
        position: fixed;
    }
}

@media screen and (max-width: 480px) {

    .vc_row-fluid {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .rotate {
        transform: none;
    }

    .inner {
        position: static;
        width: 100%;
    }

    .outer {
        text-align: center;
        height: auto;
    }

    .listek8, .listek7, .listek5 {
        display: none;
    }
}

.mob-menu-header-holder {
    border-bottom: 1px solid #042929;

}

#par {
    position: relative;
}

/* ---------------- FORMULARZ ---------------- */
.wpcf7-form p:first-of-type {
    font-weight: bold;
    font-size: 1.3rem;
}

.wpcf7-form-control-wrap input {
    padding: 5px 10px;
    border: 1px solid #96C44B;
    margin-bottom: 20px;
    max-width: 100%;
}

.wpcf7-submit {
    background: #96C44B;
    color: #fff;
    box-shadow: none;
    border: 1px solid #96C44B;
    padding: 5px 10px;
}

.wpcf7-list-item {
    margin: 0 !important;
}

.sere .fb-like {
    display: none;
}

.sere .all_link_parent {
    margin-left: 0;
}

.pagin {
    text-align: center;
}

.pagin a, .pagin span {
    display: inline-block !important;
    padding: 5px 10px;
    border: 1px solid green;
    margin: 5px;
    color: #000;
}

.hidden {
    display: none;
}

.pnomarg p {
    margin: 0;
}

.wpgmza-filter-widgets {
    display: none !important;
}

h2 > strong {
    text-transform: uppercase;
}

.biblio-row {
    justify-content: center;
}

#main-biblio-row {
    margin-left: 0;
    margin-right: 0;
}

.biblio-container {
    padding: 60px 15px;
}

.biblio-row > div {
    margin-bottom: 30px;
    margin-right: 30px;
}


#no-margin-top .mt-5,
#no-margin-top .my-5 {
    margin-top: 0 !important;
}

#icons-align-row .vc_row.wpb_row.vc_inner.vc_row-fluid {
    display: flex;
    align-items: center;
}

.ui.embed.media-2 {
    padding-bottom: 21%;
}

.wrapper {
    overflow: hidden;
}