/*
Planeta CMS
*/
/*
    Created on : 2021-10-10, 12:36:44
    Author     : Damian
*/

@import url('https://fonts.googleapis.com/css2?family=Lat:wght@400;500;600;700;800&family=Kaushan+Script&family=Titillium+Web:ital@1&display=swap&subset=latin,latin-ext');
@import url('https://fonts.googleapis.com/css?family=Special+Elite&subset=latin,latin-ext');
body {
    font-family: 'Lato', sans-serif;
    /*font-size: 14px;*/
}

.text-core {
    font-family: 'Lato', sans-serif;
}

.main {
    overflow: hidden;
}

a {
    text-decoration: none;
    color: #000;
}

@media (max-width: 1024px) {
    #logo-main {
        margin: 0 auto;
    }
}

.bg-white-transparent {
    background-color: rgba(255, 255, 255, 0.5);
}

.bg-gray {
    background: #5c6670;
}

.bg-gray-medium {
    background: #39414c;
}

.bg-gray-light {
    background: #E0E4E4;
}

.bg-gray-dark {
    background: #4d4c4c;
}

.bg-image {
    background: url(../img/tlo-szare.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-kartka {
    background: url(../img/kartka.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.stretch {
    padding: 30px;
    margin: 0px 0px;
    position: relative;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}

.text-color-claret {
    color: #901A27;
}

.text-color-light {
    color: #cad5e1;
}

.languages {
    font-weight: 700;
}

.languages li + li::before {
    content: " | ";
    margin-right: .5rem;
}

#top-header a {
    color: #000;
    text-decoration: none;
}

#top-header a:hover {
    color: #fff;
    text-decoration: none;
}

#quote p {
    font-family: 'Titillium Web', sans-serif;
    font-weight: 600;
    font-style: italic;
    font-size: 18px;
}

#main-header,
.bg-las{
    background: url(../img/bg-test.jpg) center center no-repeat;
}

.bg-las {
    padding: 200px 00px;
}

h1.page-title {
    font-size: 2.4rem;
}

/* buttons */
.btn-primary {
    background: #03183d;
    border: 0;
}

/*news cards*/

.card {
    border: 0px;
}

.card-title {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.25rem;
}

.card-footer {
    background-color: #901a27;
    border-radius: 0px;
}

.card-footer:last-child {
    border-radius: 0;
}

.card-footer a {
    color: #fff;
}

/* tiles */

.tile-container {
    min-height: 250px;
    width:100%;
}

.tile-container > div {
    padding: 1rem;
}

.tile-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.tile-row {
    display: table;
}
.tile-col {
    display: table-cell;
    min-height: 250px;
}

.tile-middle-center {
    text-align: center;
    align-items: center;
    vertical-align: middle;
}

.tile-element {
    min-height: 250px;
    /*padding: 100px 10px; */
}

.tile-container.bg-gray-medium h4 {
    color: #cad5e1;
    font-weight: 400;
    font-size: 1.5rem!important;
    margin-bottom: 0px;

}

.tile-container.bg-gray-medium p {
    color: #b3b4b5;
}

/* nawigacja */
#header .header-menu
{
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;

}
#header .header-menu > li
{
    display: inline-block;
    margin-right: 1px;
}
#header .header-menu > li > a {
    display: inline-block;
    color: #000000;
    font-size: 14px;
    padding: 6px 10px;
    font-weight: 700;
}

#header .header-menu > li > a:hover {
    background: #6D6D6D;;
    color: #ffffff;
}


nav#main-menu {
    margin-top: 20px;
    padding: 0px;
    background: #8f182f;
}

#header .header-menu > li > a {
    color: #fff;
}

.border-primary {
    border-color: #6D6D6D!important;
}

.nav-menu a:hover, .nav-menu a:focus, .nav-menu li:hover a {
    background: #6D6D6D;;
    color: #000;
}

/* nav */
.nav-menu,.nav-menu ul,.nav-menu li,.nav-menu a { margin: 0; padding: 0; line-height: normal; list-style: none; display: block; position: relative; }
.nav-menu ul { opacity: 0; position: absolute; top: 100%; left: -9999px; z-index: 999; -webkit-transition: opacity .3s; transition: opacity .3s; }
.nav-menu li:hover > ul { left: 0; opacity: 1; z-index: 1000; }
.nav-menu ul li:hover > ul { top: 0; left: 100%; }
.nav-menu li { cursor: default; float: left; white-space: nowrap; }
.nav-menu ul li { float: none; }

/* sub width */
.nav-menu ul { min-width: 12em; -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.25); box-shadow: 2px 2px 2px rgba(0,0,0,0.25); }

/* center */
.nav-center { float: right; right: 50%; }
.nav-center > li { left: 50%; }

/* root */
.nav-menu a {
    padding: 0 10px;
    color: #000;
    font-weight: 500;
    font-size: 16px;
    line-height: 40px;
    text-decoration: none;
}

/* root: active */
.nav-menu > li > .nav-active { background-color: rgba(0,0,0,0.05); }

/* root: hover/persistence */
/*.nav-menu a:hover,.nav-menu a:focus,.nav-menu li:hover a {
    background: #f4f4f4;
    color: #000;
}*/

/* 2 */
.nav-menu li li a,.nav-menu li:hover li a {
    padding: 8px 10px;
    background: #f4f4f4;
    color: #000;
    font-size: 12px;
    line-height: normal;
}

/* 2: hover/persistence */
.nav-menu li:hover li a:hover,.nav-menu li:hover li a:focus,.nav-menu li:hover li:hover a {
    background: #b3ad98;
}

/* 3 */
.nav-menu li:hover li:hover li a {
    background: #b3ad98;
}

/* 3: hover/persistence */
.nav-menu li:hover li:hover li a:hover,.nav-menu li:hover li:hover li a:focus,.nav-menu li:hover li:hover li:hover a {
    background: #761E6D;
}

/* 4 */
.nav-menu li:hover li:hover li:hover li a {
    background: #761E6D;
}

/* 4: hover */
.nav-menu li:hover li:hover li:hover li a:hover,.nav-menu li:hover li:hover li:hover li a:focus {
    background: #641A5D;
}

/* vertical */
.nav-vertical { max-width: 220px; }
.nav-vertical ul { top: 0; left: -9999px; }
.nav-vertical li { width: 100%; float: none; }
.nav-vertical li:hover > ul { left: 100%; }

.hc-nav-trigger {
    right: 10px;
}

.hc-nav-trigger span {
    top: 0%;
}

.hc-nav-trigger span, .hc-nav-trigger span::before, .hc-nav-trigger span::after {
    background: #000;
}

.hc-offcanvas-nav .nav-container, .hc-offcanvas-nav .nav-wrapper, .hc-offcanvas-nav ul {
    background: #03183d;
}

.hc-offcanvas-nav .nav-wrapper>.nav-content>ul:not(:last-child) {
    border-bottom: 2px solid #c10000;
}

.hc-offcanvas-nav .nav-content>.nav-close:first-child a, .hc-offcanvas-nav .nav-title+.nav-close a.has-label, .hc-offcanvas-nav li.nav-close a, .hc-offcanvas-nav .nav-back a {
    background: #c10000;
    border-top: 1px solid #c10000;
    border-bottom: 1px solid #0f2d62;
}

.hc-offcanvas-nav .nav-wrapper>.nav-content>ul:first-of-type>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link {
    border-top: 1px solid #c10000;
}

.hc-offcanvas-nav .nav-item-link, .hc-offcanvas-nav li.nav-close a, .hc-offcanvas-nav .nav-back a,
.hc-offcanvas-nav.nav-levels-expand li.level-open>.nav-item-wrapper>a, .hc-offcanvas-nav.nav-levels-none li.level-open>.nav-item-wrapper>a
{
    border-bottom: 1px solid #0f2d62;
}

.hc-offcanvas-nav.nav-levels-expand li.level-open>.nav-item-wrapper>a:hover, .hc-offcanvas-nav.nav-levels-none li.level-open>.nav-item-wrapper>a:hover,
.hc-offcanvas-nav .nav-content > .nav-close:first-child a:hover,
.hc-offcanvas-nav .nav-title + .nav-close a.has-label:hover,
.hc-offcanvas-nav li.nav-close a:hover,
.hc-offcanvas-nav .nav-back a:hover,
.hc-offcanvas-nav.nav-levels-expand li.level-open > .nav-item-wrapper > a:hover,
.hc-offcanvas-nav.nav-levels-none li.level-open > .nav-item-wrapper > a:hover,
.hc-offcanvas-nav:not(.touch-device) li:not(.nav-item-custom) a:not([disabled]):hover,
.hc-offcanvas-nav.nav-levels-expand li.level-open, .hc-offcanvas-nav.nav-levels-none li.level-open
{
    background: #c10000;
}

@font-face {
    font-family: RoughTypewriter;
    src: url("../font/JMH_Typewriter.ttf") format("truetype");
}

blockquote {
    font-family: 'RoughTypewriter',cursive;
    font-size: 1.6rem;
    text-align: center;
    max-width: 90%;
    line-height: 1.4;
    position: relative;
    margin: 0 auto;
    padding: .5rem;
    font-weight: 600;
}

blockquote:before,
blockquote:after {
    position: absolute;
    color: #e3e6ef;
    font-size: 8rem;
    width: 4rem;
    height: 4rem;
}

blockquote:before {
    font-family: 'Special Elite', cursive;
    content: '“';
    left: 0rem;
    top: 0rem;
}

blockquote:after {
    font-family: 'Special Elite', cursive;
    content: '”';
    right: 0rem;
    bottom: 0rem;
}

@media (max-width: 1024px) {

    blockquote {
        width: 90%;
    }

    blockquote:before {
        font-family: 'Special Elite', cursive;
        content: '“';
        left: -2rem;
        top: 0;
    }

    blockquote:after {
        right: -2rem;
    }
}

cite {
    text-align: center;
}

.donate {
    position: relative;
}

.donate:hover {
    background: #a0a2a3;

}


/* mapa */

.fs-0 {
    font-size: 3.0rem;
}

.kartka-wrapper {
    position: relative;
    text-align: center;
    font-family: 'RoughTypewriter';
    transform: rotate(3deg);
}

.kartka-wrapper img,
.darowizna-wrapper img

{
    -webkit-filter: drop-shadow(5px 5px 5px #222);
    filter: drop-shadow(5px 5px 5px #222);
}

.mapa-centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.darowizna-wrapper {
    position: relative;
    text-align: center;
    transform: rotate(-2deg);
}

#darowizna {
    padding: 50px 0px;
}

#footer {
    padding: 25px 0 0px;
    margin-top: 0px;
    background: #23282e;
    color: #b7b7b7;
}

.footer-copyright {
    background: #171a1e;
}

.footer-copyright a {
    color: #5e5e5d!important;
}

.podstrona {
    font-size: 1.1rem;
}

.text-wrap-right {
    float: left;
    margin: 0px 20px 13px 0px;
    max-width: 400px;
}

.page-item:first-child .page-link {

}

.gm-style-iw, button:focus {
    outline: 0;
}

.gm-style-iw, a:focus {
    outline: 0;
}

/* HERO PAGE */

.rotate-left {
    transform: rotate(-0.75deg);
}

.rotate-right {
    transform: rotate(0.75deg);
}

.text-shadow {
    text-shadow: 2px 2px 10px #000;
}

.hero-name {
    font-family: 'RoughTypewriter';
    /* transform: rotate(3deg); */
    font-size: 4rem;
}

@media (max-width: 600px) {
    .hero-name {
        font-size: 3rem;
    }
}

.kartka-hero-wrapper {
    background: url('../img/kartka.jpg') top center repeat-y;
    position: relative;
    font-family: 'RoughTypewriter';
}

.bg-institution {
    background: url('../img/kartka.jpg');
}

.kartka-institution-wrapper {
    background: #fff;
    position: relative;
    font-family: 'RoughTypewriter';
}
.sepia {
    filter: sepia(1);
    transition: all 0.5s;
}

.galery-element:hover .sepia {
    filter: sepia(0);
    transition: all 0.5s;
}

.youtube-icon {
    font-size: 6rem;
    color: #8f182f;
    position: absolute;
    top: 50%;
}

.page-item.active .page-link {
    background-color: #8f182f;
    border-color: #8f182f;
}

.page-link {
    color: #8f182f;
}

#heroesMap {
    min-height: 700px;
}

.accordion-item {
    background-color: #f0f3f8;
}

.accordion-button,
.accordion-button:not(.collapsed){
    color: #f8f9fa;
    background-color: #8f182f;
}

.accordion-button.collapsed {
    background: #8f182f;
}

.accordion-button.collapsed::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}


.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.nav-tabs .nav-link {
    background: #d3d4d7;
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link.active {
    background: #464d5f;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}


.deleteHero:hover,
.deleteGuest:hover,
.deleteCoop:hover,
.deleteMedia:hover,
.deletePublish:hover
{
    cursor: pointer;
}
/*.oakHeroTemplate {
    display: none;
}*/

.link-default {
    color: #575656!important;
}

.link-default:hover {
    color:  #8f182f!important;
}