/*
Theme Name: oocrtt
Theme URI: https://oocrtt.sk/
Author: the PERRY SOFT team
Author URI: https://oocrtt.sk/
Description: Tailor-made theme for OOCRTT.
Requires at least: 5.8.0
Tested up to: 7.4
Requires PHP: 7.4
Version: 1.0
Text Domain: oocrtt
*/

@font-face{font-family:'Roboto';src:url(fonts/Roboto-Regular.ttf);font-weight:400}
@font-face{font-family:'Roboto';src:url(fonts/Roboto-Medium.ttf);font-weight:500}
@font-face{font-family:'Roboto';src:url(fonts/Roboto-Bold.ttf);font-weight:700}
@font-face{font-family:'Roboto';src:url(fonts/Roboto-Black.ttf);font-weight:900}
html,body{font-family:'Roboto';font-size:17px;line-height:23px;font-weight:400;color:#000;padding:0;margin:0;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
*{box-sizing:border-box}
a{color:#11266E;text-decoration:none}
a:hover{text-decoration:underline}
h1{font-size:60px;line-height:70px;font-weight:700;text-align:center;color:#fff}
h2{font-size:40px;line-height:47px;font-weight:700;text-align:center;margin:0;margin-bottom:40px}
h2.title-home{margin-bottom:25px}
h3{font-size:24px;line-height:28px;font-weight:800;text-align:left;margin:0;margin-bottom:20px}
p{margin:0;margin-bottom:20px}
.description{font-size:19px;line-height:25px;font-weight:500;text-align:center}
.text-center,.center{text-align:center}
.container{width:1640px;max-width:1640px;margin:0 auto}
.container-full{margin:auto}
@media screen and (max-width: 1660px) {
.container{width:1400px;max-width:1640px}
}
@media screen and (max-width: 1440px) {
.container{width:1200px;max-width:1200px}
}
@media screen and (max-width: 1240px) {
.container{width:970px}
}
@media screen and (max-width: 991px) {
.container{width:740px}
.mobile-cn{padding:0 32px}
}
@media screen and (max-width: 768px) {
.container{width:100%;padding:0 32px}
}
@media screen and (max-width: 576px) {
.container{width:100%;padding:0 16px}
}
.space-10{height:10px}
.space-15{height:15px}
.space-20{height:20px}
.space-25{height:25px}
.space-30{height:30px}
.space-35{height:35px}
.space-40{height:40px}
.space-45{height:45px}
.space-50{height:50px}
.space-55{height:55px}
.space-60{height:60px}
.space-65{height:65px}
.space-70{height:70px}
.space-75{height:75px}
.space-80{height:80px}
.space-85{height:85px}
.space-90{height:90px}
.space-95{height:95px}
.top-bar{display:grid;grid-template-columns:auto 1fr auto}
.top-bar .logo{display:block;margin-right:30px;order:1}
.top-bar .logo img{display:block}
.top-bar .menu{display:flex;order:2}
.top-bar .menu ul{display:flex;align-items:center;list-style:none;padding:0;margin:0}
.top-bar .menu ul li{display:inline-block;padding:0;margin:0;margin-right:30px}
.top-bar .menu ul li a{display:block;font-size:19px;line-height:22.2px;font-weight:400;text-decoration:none;color:#000;border-bottom:2px solid #fff;padding:3px 0}
.top-bar .menu ul li a:hover,.top-bar .menu ul li.active a{border-bottom:2px solid #009746}
.top-bar .bars{display:none;margin-right:10px;order:3}
.top-bar .right{display:flex;justify-content:flex-end;align-items:center;order:4}
.top-bar .right .divider{display:block;width:1px;height:20px;background:#000;margin:0 15px}
.top-bar .right a{font-size:19px;line-height:22.2px;font-weight:400;text-decoration:none;color:#000}
.top-bar .right a:hover{text-decoration:underline}
.top-bar .right .search img{width:22px;margin-left:40px}
.top-bar .language{padding:0;margin:0;list-style:none;display:flex;flex-direction:row}
.top-bar .language li{position:relative}
.top-bar .language li:not(:last-of-type)::after{content:"";position:absolute;top:0;bottom:0;right:0;width:1px;background:#000}
.top-bar .language li a{padding:0 15px;text-transform:capitalize;color:#999}
.top-bar .language li.current-lang a,.top-bar .language li a:hover{color:#000}
#google_translate_element{display:none}
@media screen and (max-width: 1280px) {
.top-bar .right .search img{margin-left:14px}
.top-bar .logo img{width:180px}
.top-bar .menu{display:none}
.top-bar .bars{display:flex;justify-content:flex-end;cursor:pointer}
.top-bar .bars img{display:block;width:28px}
.top-bar .right{display:none}
.top-bar.mobile .logo{margin-right:0}
.top-bar.mobile .menu{display:block;margin-bottom:20px}
.top-bar.mobile .menu ul li{display:block;width:100%;margin:0}
.top-bar.mobile .right{display:block;margin:0 auto}
.top-bar.mobile .menu{grid-column:span 3;order:4}
.top-bar.mobile .menu ul{display:block;width:100%;margin-top:16px}
.top-bar.mobile .menu ul li{padding:8px 16px}
}
.top-banner{position:relative;width:100%}
.top-banner .image{position:relative}
.top-banner .image img{width:100%;height:550px;object-fit:cover}
.top-banner .title h1{color:#000;text-align:left;margin-bottom:0}
.top-banner .title.with-image{position:absolute;top:0;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:center;padding:0 240px;background:rgba(0,0,0,0.2);max-height:550px}
.top-banner .title.with-image h1{color:#FFF;text-align:center;margin-bottom:.67em}
ul.breadcrumb{display:block;width:100%;list-style:none;padding:0;margin:0}
ul.breadcrumb li{display:inline-block;color:#000;padding:0;margin:0}
ul.breadcrumb li+li:before{padding:8px;color:#999;content:">"}
ul.breadcrumb li a{color:#999;text-decoration:none}
ul.breadcrumb li a:hover{color:#666;text-decoration:underline}
.events{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:30px;width:100%}
.places{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;width:100%}
.s-item{position:relative;display:block}
.s-item:not(.full-width)::after{  
    content: "";
    display: block;
    padding-bottom: 100%;}
.s-item img{display:block;width:100%;height:100%;object-fit:cover;
    position: absolute;
    top: 0;
    left: 0;
    object-position: center;
}
.s-item .over{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(0,0,0,0) 39.06%,rgba(0,0,0,0.03) 55.73%,rgba(0,0,0,0.16) 78.12%,rgba(0,0,0,0.4) 100%);z-index:1}
.s-item h4{position:absolute;bottom:0;left:0;font-size:24px;line-height:28px;font-weight:700;color:#fff;padding:20px;margin:0;z-index:2}
.s-item.full-width{grid-column:span 3;height: 400px;}
.events-grid{display: flex;gap:2rem;row-gap: 2rem; flex-wrap: wrap;}
.events-grid .s-item-2{width: calc(25% - 28px);}
.s-item-2{position:relative;color:#000;text-decoration:none}
.s-item-2:hover{text-decoration: none}
.s-item-2:hover .label{text-decoration:underline}
.s-item-2 .image-wrapper{position:relative;width:100%;height:0;padding-bottom:85%;background:#dfdfdf;margin-bottom:12px}
.s-item-2 .image-wrapper::after{  
    content: "";
    display: block;
    padding-bottom: 100%;}
.s-item-2 img{display:block;width:100%;height:100%;position: absolute;top:0;left:0;object-fit: cover;object-position: center;}
.events .s-item-2 img{display:block;width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}
.s-item-2 .date{font-size:17px;line-height:23px;font-weight:400;margin-bottom:6px;margin-top:15px}
.s-item-2 .label{font-size:19px;line-height:22px;font-weight:500}
.s-item-2 .content{margin-top: 12px;color:#776e6e}
#controls{text-align:center;margin:35px 0}
#controls button{background:transparent;border:0;margin:0 10px;cursor:pointer}
#controls button img{display:block;width:38px}
#controls button.next{transform:rotate(180deg) translateY(0px)}
.tns-nav{display:none}
.pagination{display:flex;justify-content:center;width:100%}
.pagination .nav-links .page-numbers{display:inline-block;font-size:17px;line-height:42px;width:43px;font-weight:700;color:#000;padding:0;margin:0 5px;border:1px solid #cfcfcf;border-radius:25px;text-align:center;text-decoration:none}
.pagination .nav-links .page-numbers.current,.pagination .nav-links .page-numbers:hover{background-color:#cfcfcf}
.pagination .nav-links .page-numbers.prev{background:url(img/icons/arrow-small.svg) no-repeat center center}
.pagination .nav-links .page-numbers.prev:hover{background:#cfcfcf url(img/icons/arrow-small.svg) no-repeat center center}
.pagination .nav-links .page-numbers.next{background:url(img/icons/arrow-small.svg) no-repeat center center;transform:rotate(180deg)}
.pagination .nav-links .page-numbers.next:hover{background:#cfcfcf url(img/icons/arrow-small.svg) no-repeat center center;transform:rotate(180deg)}
#sb_instagram #sbi_images{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}
#sb_instagram.sbi_col_4 #sbi_images .sbi_item{width:100%}
#sb_instagram #sbi_images .sbi_item img{display:block;width:100%}
.monument-item{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:40px}
.monument-item .image{position:relative;overflow:hidden}
.monument-item .image img{width:100%;height:100%;max-height:450px;object-fit:cover}
.monument-item .info{display:flex;justify-content:center;align-items:center;padding-left:40px}
.monument-item .info .inner{display:flex;flex-direction:column;align-items:center;padding:80px 0}
.monument-item .info .inner .title{display:block;width:100%;font-size:24px;line-height:28px;font-weight:900;margin-bottom:20px}
.monument-item .info .inner p{margin-bottom:25px}
.monument-item .info .inner .icons{display:block;width:100%;display:flex;flex-direction:row;justify-content:flex-start}
.monument-item .info .inner .icons .icon{display:flex;justify-content:center;align-items:center;width:43px;height:43px;border:1px solid #cfcfcf;border-radius:25px;margin-right:16px}
.monument-item .info .inner .icons .icon:hover{background:#cfcfcf}
.monument-item .info .inner .icons .icon img{display:block;height:16px}
.monuments .monument-item:nth-child(even) .image{order:2}
.monuments .monument-item:nth-child(even) .info{order:1;padding-left:0;padding-right:40px}
.error404 h1{color:#000}
.contact h3{font-size:32px;line-height:40px;position:relative;padding-bottom:16px}
.contact h3::after{content:"";position:absolute;bottom:0;left:0;width:75px;height:2px;background:#707070}
.contact h4{font-weight:500}
.contact .contacts{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:30px}
.contact .contacts a{padding-left:30px;padding-bottom:6px;position:relative;word-break:break-all}
.contact .contacts a.phone::after{content:"";position:absolute;top:0;bottom:6px;left:0;width:19px;height:18px;margin:auto;background:transparent url(img/sprites.svg) no-repeat;background-position:0 -184px}
.contact .contacts a.email::after{content:"";position:absolute;top:0;bottom:6px;left:-2px;width:23px;height:16px;margin:auto;background:transparent url(img/sprites.svg) no-repeat;background-position:-104px -186px}
@media screen and (max-width: 768px) {
.places{grid-template-columns:1fr}
.events{grid-template-columns:1fr}
.monument-item{grid-template-columns:1fr;gap:20px;margin-bottom:60px}
.monuments .monument-item .image,.monuments .monument-item:nth-child(even) .image{padding-left:0}
.monument-item .image img{position:relative;top:0;left:0;margin-top:0;margin-left:0;width:100%}
.monuments .monument-item .info,.monuments .monument-item:nth-child(even) .info{padding-left:0}
}
.map img{width:100%}
.b-container{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:32px}
.b-item{display:grid;grid-template-columns:auto 1fr;gap:25px;align-items:center;color:#fff;background:#11266E;padding:33px;text-decoration:none}
.b-item .icon img{width:95px}
.b-item label{font-size:24px;line-height:28px;font-weight:700;cursor:pointer}
.b-item:hover{background:#11276ee1}
@media screen and (max-width: 1400px) {
.b-container{grid-template-columns:repeat(2,1fr)}
.b-item{padding:15px}
.b-item label{font-size:21px;line-height:26px}
}
.detail{padding:0 20%}
.detail h1,.detail h2{font-size:40px;line-height:47px;font-weight:700;text-align:center;margin:0;margin-bottom:40px;text-align:left;margin-bottom:10px;color:#000}
.detail .date{margin-bottom:40px}
.detail h3{text-align:left;margin-bottom:20px}
.detail .image img{width:100%}
.detail .image p{font-size:90%}
.detail .image,.detail .gallery,.detail .iframe{margin-bottom:20px}
.detail .iframe{width:100%;height:0;padding-bottom:42.5%;position:relative;background:#dfdfdf;margin-bottom:42px}
.detail .iframe iframe{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;height:100%}
.footer{font-size:19px;line-height:22px;font-weight:400;color:#fff;background:#821111;padding:80px 0}
.footer .inner-cn{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:30px}
.footer .inner-cn h3{font-size:24px;line-height:28px;font-weight:700;margin-bottom:25px}
.footer .inner-cn p{margin-bottom:13px}
.footer .inner-cn a{color:#fff;text-decoration:none}
.footer .inner-cn a:hover{text-decoration:underline}
.footer .inner-cn ul{list-style:none;padding:0;margin:0}
.footer .inner-cn ul li{padding:0;margin:0;margin-bottom:12px;font-size: 1rem;line-height:1.25em}
.footer .footer-logos{text-align: center;padding-right: 2rem; padding-top: 2rem;}
.footer .footer-logos p{text-align: left}
.footer .footer-logos img{max-width: 60%; margin-top: 1rem}
.categories .item-list{display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;margin:auto;gap:32px;row-gap: 32px;}
.categories .item-list .item{width:calc(25% - 24px);background:#11266E}
.categories .item-list .item:hover{background:#11276ee1;text-decoration:underline}
.categories .item-list .item:hover h3{text-decoration:underline}
.categories .item-list .item .text-wrapper{padding:33px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}
.categories .item-list .item .text-wrapper h3{font-size:1.35rem;display:inline-block;width:100%;position:relative;text-align:center;color:#fff;margin-bottom:0}
.files-grid .item-list{display:flex;flex-direction:row;justify-content:flex-start;flex-wrap:wrap;margin:auto}
.files-grid .item-list .item{width:calc(25% - 30px);margin-right:30px;margin-bottom:30px;background:#f2f2f2}
.files-grid .item-list .item .text-wrapper{padding:21px}
.files-grid .item-list .item .text-wrapper h3{font-size:1.35rem;display:inline-block;width:100%;padding-bottom:6px;position:relative;margin:0}
.files-grid .item-list .item .text-wrapper .type{font-size:.9rem;line-height:1.3em;margin-bottom:24px;display:inline-block;width:100%}
.files-grid .item-list .item .text-wrapper .button{display:-ms-inline-flexbox;display:-webkit-inline-flex;display:inline-flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:43px;font-weight:600;padding:5px 38px;color:#fff;background:#11266E}
.files-grid .item-list .item .text-wrapper .button:hover{background:#11276ee1}
.yt-wrapper{ position: relative; padding-bottom: 56.25%; }
.yt-wrapper iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: var(--br-standard);}
form.search-form label{display:none}
form.search-form{height:30px;position:relative}
form.search-form input[type="search"]{outline:none;line-height:30px;font-size:15px;border:1px solid #707070;border-radius:15px;padding:0 40px 0 15px;height:100%;width:195px}
form.search-form button{background:none;width:40px;height:30px;border-radius:0 15px 15px 0;right:0;bottom:0;z-index:2;font-size:0;line-height:0;border:0;outline:none;position:absolute;cursor:pointer}
form.search-form button::before{width:13px;height:13px;border-radius:100px;border:1px solid #707070;top:5px;left:10px;content:"";pointer-events:none;position:absolute}
form.search-form button::after{width:9px;height:1px;background:#707070;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);bottom:9px;right:10px;content:"";pointer-events:none;position:absolute}
@media screen and (max-width: 1280px) {
form.search-form{margin:10px 0}
}
@media screen and (max-width: 1200px) {
.top-banner .title{padding:0 40px}
.events{grid-template-columns:1fr 1fr 1fr}
.footer .inner-cn{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:10px}
.files-grid .item-list .item{width:calc((100% / 3) - 20px);margin-right:20px;margin-bottom:20px}
}
@media screen and (max-width: 991px) {
.top-banner .title{padding:0}
.events{grid-template-columns:1fr 1fr}
.places{grid-template-columns:1fr 1fr}
.detail{padding:0}
#sb_instagram #sbi_images{grid-template-columns:1fr 1fr}
.monument-item .info .inner{padding:0}
.monuments .monument-item .image,.monuments .monument-item:nth-child(even) .image{order:1;padding-left:30px;padding-right:0}
.monuments .monument-item .info,.monuments .monument-item:nth-child(even) .info{order:2;padding-left:30px;padding-right:0}
.b-container{grid-template-columns:1fr}
.footer{padding:80px 20px}
.footer .inner-cn{grid-template-columns:1fr 1fr;gap:30px}
.categories .item-list{gap:20px;row-gap: 20px;}
.categories .item-list .item{width:calc(50% - 20px);}
}
@media screen and (max-width: 576px) {
.contact .col-sm-5{margin-bottom:60px}
.categories .item-list .item,.files-grid .item-list .item{width:100%;margin-right:0}
.footer .inner-cn{grid-template-columns:1fr;gap:30px}
}
.page table tr:first-child td{font-weight:700;border-bottom:1px solid #000}
.page table td{vertical-align:top;padding:5px}

.single-event .top-banner .image{background: #999;height: 550px;}
.single-event .top-banner .image img{object-fit: contain;}

.categories-grid{display: flex;gap:32px;flex-wrap: wrap;}
.categories-grid .slide{display:block;width: 100%;}
@media screen and (min-width: 36rem) {
    .categories-grid .slide{width: calc(50% - 16px);}
}
@media screen and (min-width: 48rem) {
    .categories-grid .slide{width: calc(33.333% - 21.333px);}
}
@media screen and (min-width: 62rem) {
    .categories-grid .slide{width: calc(25% - 24px);}
}
.gap-2{gap: 0.5rem}
.section-tik a h3{color: black}
.section-divider{margin-top: 50px; margin-bottom: 50px;}