/*
Theme Name: twentytwenty-child
Template: twentytwenty
*/

/*GLOBALS*/
@font-face {
    font-family: 'Gothic';
    font-display: swap;
    src: url('../twentytwenty-child/font/font.ttf')  format('truetype'); /* Safari, Android, iOS */
}

body{
	font-family: gothic;
	font-size: 16px;
	color: black;
    overflow-x: hidden;
    background-color: #17331a;
}
.maincontainer{
	width: 1300px;
    margin: 0 auto;
}
.mobilne-menu-logo .fa-home{
    color: #17331a !important;
}
.artdat{
    font-size: 12px;
}
.banner-title h2{
    color: white;
    font-weight: 600;
    text-align: center;
    margin: 10px 10px 0px 10px;
}
.mobilne-menu-logo{
    display: flex;
}
.primary-menu-wrapper .fa-home{
    color: white;
}
.mcontent .page-body{
    background-color: rgba(22,47,26,0.8);
    position: relative;
    margin-top: -95px;
    z-index: 80;
}
.social-header .inv{
    display: none;
}
.social-header > .aba > img{
    max-width: 110px !important;
}
.flex{
	display: flex;
	flex-wrap: wrap;
}
.mcontent{
    background-image: url('../twentytwenty-child/img/home.webp');
    background-repeat: no-repeat;
    background-size: contain;
}
.section{
    position: relative;
    margin-bottom: 50px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    color: white;
}
#tri .post-img{
    display: flex;
    justify-content: center;
}
#tri a:hover{
    text-decoration: none;
}
#tri .post-img img{
    max-width: 150px;
    margin-top: 20px;
}
.post-title{
    text-transform: uppercase;
    color: white;
    font-weight: 600;
    text-align: center;
    margin: 20px 0;
}
.post-content > p{
    color: white !important;
    text-align: justify;
}
.aba-footer{
    display: flex;
    justify-content: center;
    width: 100%;
}
.aba-footer img{
    max-width: 200px;
}

/*GLOBALS END*/



/*HEADER*/
#menupri{
    position: absolute;
    width: 100%;
    z-index: 90;
}
.header-inner{
    background-color: rgba(22,47,26,0.8);
    max-width: 100%;
}
.showing-modal .header-inner{
    z-index: 70 !important;
}
.header-logo{
    margin-top: 84px;
    display: flex;
    height: 100%;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}
.header-logo a{
    margin-top: 5vh;
}
.header-logo span{
    width: 100%;
    color: white;
}
.header-logo a:hover{
    text-decoration: none;
}
.header-logo span > h1{
    font-size: 7vw;
    font-weight: 600;
    letter-spacing: -5px;
    margin: 0;
}
.header-logo span > h4{
    font-size: 1.75vw;
}
/*HEADER END*/



/*MENU*/
ul.primary-menu{
    justify-content: start;
}
.menu-item a{
    text-transform: uppercase;
    font-weight: 600;
}
.menu-item a:hover{
    text-decoration: none;
}
body:not(.overlay-header) .primary-menu > li > a, body:not(.overlay-header) .primary-menu > li > .icon, .footer-menu a, .footer-widgets a, #site-footer .wp-block-button.is-style-outline, .wp-block-pullquote:before, .singular:not(.overlay-header) .entry-header a, .archive-header a, .header-footer-group .color-accent, .header-footer-group .color-accent-hover:hover{
    color: white !important;
}
.social-header > *{
    padding: 0 10px;
    display: flex;
    justify-content: center;
    align-self: center;
}
/*MENU END*/



/*HOMEPAGE*/
.social-header {
    position: absolute;
    right: 30px;
    top: 5px;
    padding: 1rem 0;
}
.social-header a > img {
    max-width: 45px;
}
#mconsec a{
    color: #17331a;
}
body:not(.home) #mconsec a{
    font-weight: 600;
}
#mconsec{
    margin: 0px 10px;
    min-height: 500px;
    justify-content: center;
}
#mconsec .mconsec-title{
    position: absolute;
    background-color: #316d1f;
    top: -18px;
    z-index: 99;
    padding: 6px 20px;
    text-transform: uppercase;
}
#events .mconsec-title a > *{
    background-color: #eaf0cd;
    color: #17331a;
    margin: 0;
    font-weight: 600;
} 
#site-footer a {
    text-decoration: none !important;
}
#events .mconsec-title a:hover h3{
    text-decoration: none;
}
.single #mconsec .mconsec-title{
    background-color: #e3000f;
}
#mconsec .mconsec-title > *, #mconsec .mconsec-title > a > * {
    margin: 0;
    font-weight: 800;
    color: white;
}
#mconsec .mconsec-title > *:hover, .single #mconsec .mconsec-title > a > *:hover{
    text-decoration: none;
}
#mconsec .col1, #mconsec .col2{
   color: #17331a;
   padding: 40px 15px 15px 15px;
}
#mconsec .col1{
    background-color: white;
}
#mconsec .col2{
    background-color: #eaf0cd;
}
.single #mconsec img, .page #mconsec img{
    margin-bottom: 20px;
} 
#mconsec .postlo{
    display: flex;
    flex-wrap: wrap;
    margin: 10px 0;
}
#mconsec .postlo:first-of-type{
    margin-top: 0;
}
#mconsec .art-title > a > *, .page #mconsec .art-title > *, #mconsec .art-title > a > *, .page #mconsec .art-title > *{
    color: #17331a;
    margin: 10px 0;
    padding: 0;
    font-weight: 600;
}
#mconsec .col2 .art-title > a > *{
    margin-top: 0;
}
#mconsec .art-title a:hover{
    text-decoration: none;
}
article{
    background-color: white;
}
.single .art-title, .page:not(.home) .art-title{
    margin: 20px 0;
}
.archive-header{
    width: 100%;
}
.search #mconsec{
    background-color: white;
    margin: 0;
}
.index-search{
    width: 100%;
}
.search .archive-header{
    padding: 25px 0;
} 
.search .search-submit, .archive .mconsec-title{
    background-color: #e3000f !important;
}
.archive .gall .mconsec-title{
    background-color: #eaf0cd !important;
}
.archive #mconsec{
    background-color: white;
    margin: 0;
}
.archive .archive-cat{
    margin-bottom: 45px;
}
.archive .art-content a, .art-content a > p{
    color: #17331a;
}
.archive .art-content a:hover{
    text-decoration: none;
}
.art-content a:hover{
    text-decoration: none;
}
.tribe-events-pg-template{
    padding: 50px 25px;
    margin: 0px !important;
    min-height: 500px;
    justify-content: center;
    background-color: #fafafa;
    max-width: 100% !important;
}
.tribe-events-pg-template a{
    color: #17331a;
}
.tribe-theme-twentytwenty .tribe-common .tribe-common-c-btn:focus, .tribe-theme-twentytwenty .tribe-common .tribe-common-c-btn:hover {
    background-color: rgb(23 50 26) !important;
}
.tribe-theme-twentytwenty .tribe-common .tribe-common-c-btn {
    background-color: #17321a;
}
.tribe-events .tribe-events-c-ical__link:active, .tribe-events .tribe-events-c-ical__link:focus, .tribe-events .tribe-events-c-ical__link:hover {
    color: #fff;
    background-color: #17321a;
}
.tribe-events .tribe-events-c-ical__link{
    border: 1px solid #17321a;
    color: #17321a;
}
.post-type-archive-tribe_events .tribe-events .tribe-events-c-ical__link:before{
    margin-right: 0;
    content: "";
    background: none;
}
.tribe-events .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date {
    color: #78a701 !important;
}
/*HOMEPAGE END*/



/*FOOTER*/
.footer-widgets-outer-wrapper{
    width: calc(100% - 8rem);
    margin: 0 auto;
}
#site-footer{
    font-size: inherit;
    align-items: flex-end;
    background-color: rgb(23 51 26 / 0.7);
    background-repeat: no-repeat;
    background-position: bottom;
    display: flex;
    align-items: flex-end;
    background-image: url('../twentytwenty-child/img/footer.webp');
}
#site-footer .section-inner {
    flex-wrap: wrap;
}
.footer-menu-pp{
    display: flex;
    justify-content: center;
    width: 100%;
    color: #e9f0cd;
    flex-wrap: wrap;
    margin-top: 30px;
}
#site-footer .footer-menu-pp a:focus, #site-footer .footer-menu-pp a:hover{
    text-decoration: none;
    color: #e3000f;
}
.footer-menu-pp .footer-credits{
    display: block;
}
.footer-menu-pp .menu-item a{
    text-transform: none;
}
.footer-menu-pp nav{
    width: 100%;
}
.footer-menu-pp nav > ul{
    display: flex;
    justify-content: center;
}
.footer-menu-pp nav > ul > li > a{
    color: #e9f0cd !important;
    font-weight: 400 !important;
}
.footer-menu-pp .footer-menu{
    margin: 0;
    font-size: inherit;
}
.footer-menu-pp .footer-top{
    padding: 20px 0;
    border: none;
}
.footer-menu-pp .footer-menu a{
    font-size: 1.75rem;
}
.footer-menu-pp .footer-copyright{
    font-weight: 400;
    width: 100%;
    margin-bottom: 15px;
}
.footer-menu-pp .footer-copyright a:hover{
    text-decoration: none;
}
.sl-overlay{
    z-index: 9999;
}
/*FOOTER END*/



/*GALERIA*/
.gallery-image {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: calc(130px + 10vw);
}
.gallery-image{
    margin: 10px 0;
}    
.home .gallery {
    display: none;
}
.gal-none{
    display: none;
}
.gal{
    text-align: center;
}
.gal-content{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.gal .gallery-image{
    background-size: cover;
}
#main > div > article > .gal-content > div {
    padding: 7px 7px !important;
}
.sec-next{
    position: absolute;
    top: 45%;
    right: -30px
}
.sec-prev{
    position: absolute;
    top: 45%;
    left: -30px
}
#sec6:hover .sec-next, #sec6:hover .sec-prev, #sec1:hover .sec-next, #sec1:hover .sec-prev {
    opacity: 1;
    display: block;
}
.gall .mconsec-title {
    position: absolute;
    background-color: #eaf0cd;
    color: #17331a;
    top: -18px;
    z-index: 99;
    padding: 6px 40px;
    text-transform: uppercase;
}
#events .gallery-image{
    padding: 15px;
}
#events .parent-page a:hover{
    text-decoration: none;
}
#events .gallery-image > *{
    color: #fff;
    overflow: hidden;
}
#events .gallery-image > *:first-child{
    padding-bottom: 30px;
}
#events .galeria-home-0 .gallery-image{
    background-color: #0f6819;
}
#events .galeria-home-1 .gallery-image{
    background-color: #0d7655;
}
#events .galeria-home-2 .gallery-image{
    background-color: #66760d;
}
#events .galeria-home-3 .gallery-image{
    background-color: #2d6625;
}
#events .gallery-image a:hover{
    text-decoration: none;
}
.mconsec-title > *, #mconsec .mconsec-title > a > * {
    margin: 0;
    font-weight: 800;
}
.gall{
    width: 100%;
}
.gall .sec-content{
    display: flex;
    justify-content: start;
    text-align: center;
    width: 100%;
    overflow: hidden;
    margin-top: 25px;
}
#sec6 .sec-content  a{
    border-bottom: 1px solid #9c9e9f;
    padding-bottom: 20px;
    line-height: 1.3;
}
#sec6 .parent-page > p{
    color: #9c9e9f;
    text-align: justify;;
    height: 50%;
}
#sec6 .sec-content{
    position: relative;
    justify-content: flex-start;
}
#sec6 .parent-page{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
#sec6 .parent-page > a{
    color: black;
    text-align: left;
    margin-top: 10px;
}
#sec6 .sec-content  a{
    border-bottom: 1px solid #9c9e9f;
    padding-bottom: 20px;
    line-height: 1.3;
}
#sec6 .parent-page{
    padding-bottom: 30px;
}
#sec6 .home-sec > a:last-of-type{
    padding-bottom: 60px;
}
.has-lightbox .sec-next,.has-lightbox  .sec-prev{
    opacity: 0;
    display: none;
    transition: opacity 0.2s linear;
}
#nevents, #ngal{
    width: 100%;
    height: 60px;
}
.gal > a > *{
    color: white;
    font-weight: 600;
}
.gal > a:hover{
    text-decoration: none !important;
}
.header-wall{
    background-image: url("../twentytwenty-child/img/header.webp");
    background-size: cover;
    background-position: center;
    z-index: 99;
    display: flex;
}
.sticky{
    position: fixed !important;
    background-color: rgb(23 51 26);
}
/*GALERIA END*/

.ytc{
    display: none;
}
.homebtn{
    margin: 0 !important;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__day{
    border-color: #17321a !important;
    /* background-color: #a3cb16; */
}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__body {
    border-top: 1px solid #17321a !important;
}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__week {
    border-left: 1px solid #17321a !important;
}
.tribe-events-calendar-month__events > *{
    background-color: #a3cb16;
}
.tribe-events .tribe-events-calendar-month__calendar-event{
    margin: 0;
    padding: 16px 8px;
}

.mainlogo{
    margin-bottom: 30px;
}
#banner{
    width: 100%;
}
#banner a, #banner img{
    width: 100%;
}

/*MEDIA QUERY*/
@media (max-width: 499px) {
    .napis-logo{
        margin-bottom: 150px;
    }
}
@media (min-width: 500px) {          
    .napis-logo{
        margin-bottom: 200px;
    }
}
@media (max-width: 1329px) {
    .maincontainer, #site-footer {
        width: 960px;
    }
}
@media (min-width: 1001px) {
    .nav-toggle-wrapper{
        display: none !important;
    }
    #site-header{
        z-index: inherit;
    }
}
@media (max-width: 1000px) {
  
    .header-navigation-wrapper{
        display: block;
    }
    .header-toggles {
        display: flex;
        flex-shrink: 0;
    }
    .header-navigation-wrapper > p {
        display: none;
    }
    .nav-toggle-wrapper{
        position: relative;
    }
    .nav-toggle{
        right: inherit !important;
        top: inherit;
    }
    .header-footer-group, body:not(.overlay-header) #site-header .toggle, .menu-modal .toggle{
        color: white!important;
    }
    .nav-toggle >.toggle-inner > .toggle-text{
        color: white !important;
    }
    .menu-modal.active{
        z-index: 999;
    }
    .modal-menu a, .menu-modal .toggle{
        color: #17331a !important;
    }
    #search-form-1, .search-modal-inner .svg-icon{
        color: #17331a !important;
    }
    .header-wall{
        background-image: url("../twentytwenty-child/img/header700.webp");
    }
    #site-footer{
        background-image: url('../twentytwenty-child/img/footer700.webp');
    }
    .mcontent{
        background-image: url('../twentytwenty-child/img/home700.webp');
    }
}

@media (max-width: 989px) {
    .maincontainer, #site-footer {
        width: 748px;
        padding: 0 15px;
    }
}
@media (max-width: 767px) {
    .maincontainer, #site-footer {
        width: 556px;
    }
    .header-logo span > h1 {
        font-size: 12vw;
        letter-spacing: 0px;
    }
    .header-logo span > h4 {
        font-size: 5.75vw;
        letter-spacing: 0px;
    }
}
@media (max-width: 575px) {
    .maincontainer, #site-footer {
        width: 100%;
    }
    .header-wall{
        background-image: url("../twentytwenty-child/img/header500.webp");
    }
    #site-footer{
        background-image: url('../twentytwenty-child/img/footer500.webp');
    }
    .mcontent{
        background-image: url('../twentytwenty-child/img/home500.webp');
    }
}
@media (min-width: 1220px){
    ul.primary-menu {
        margin: -0.8rem 0 0 -1.5rem;
    }
}
@media (min-width: 1000px) and (max-width: 1330px){
    ul.primary-menu {
        margin: -0.8rem 0 0 -1.5rem;
    }
    .social-header{
        right: 5px;
        top: 110px;
        width: 60px;
        background-color: rgba(22,47,26,0.8);
    }
    .social-header > * {
        padding: 5px 10px;
        width: 100%;
    }
    ul.primary-menu{
        font-size: 1.7rem;
    }
    .aba{
        top: -97px;
        position: absolute;
        right: 27px;
    }
}
@media (min-width: 991px) {

}
@media(min-width: 1320px) and (max-width: 1700px) {
    .primary-menu > li {
        margin: 0.8rem 0 0 1rem !important
    }
}
@media(max-width: 1330px){
    .primary-menu > li{
        margin: 0.8rem 0 0 1rem;
    }
}
@media (min-width: 700px) {
    .search-modal .search-field{
        height: 10rem;
    }
}
@media (max-width: 699px) {
    .social-header{
        padding: 3px 0;
    }
}
@media (max-width: 575px) {
      
}
@media (min-width: 700px){
    #site-footer{
        font-size: inherit;
    }
}
/*MEDIA QUERY END*/