/* 
Theme name: Kulturni center Janeza Trdine 
Version: 1.52
Author: Kulstik
Author URI: https://kulstik.com/
Requires at least: 6.8.1
Tested up to: 6.8.1
Requires PHP: 8.3
Text Domain: kultura
*/

:root {
    --background: #f5f5f5;
    --color: #000;
    --link-color: blue;
    --link-color-hover: #D2AD62;
    --button-color: #fff;
    --button-bg: #000;
    --button-bg-hover: #fff;
    --button-border-color: #000;
    --button-border-thickness: 2px;
    --burger-color: #000;    
    --burger-color-hover: #D2AD62;
    --burger-line-thickness: 3px;
    --burger-line-seperation: 7px;
    --burger-line-width: 22px;
    --header-height: auto;
    --header-height-full: auto;

    --tec-color-accent-primary: #ac5729;
    --tec-color-accent-primary-background-datepicker: #d2ad624d;
    --tec-font-family-sans-serif: 'Open Sans', sans-serif;

    --swiper-theme-color: #D2AD62 !important;

}

.container { --bs-gutter-x: 2.5rem !important }

div:empty {display: none;}
.single-post-content div:empty {display: block;}
::-moz-selection {
  color: #fff;
  background: #D2AD62;
}

::selection {
  color: #fff;
  background: #D2AD62;
}

body {overflow-x: hidden; background-color: var(--background) !important; color: var(--color) !important}

.wp-block-button__link {margin-bottom: 10px;}

a { color: var(--link-color); text-decoration: underline; }
a:hover, a:focus {color: var(--link-color-hover)}

.button {font-size: 18px; padding: 5px 10px; color: #000; background-color: #dfaf5d; border: 1px solid #dfaf5d;}
.button:hover {color: #000; background-color: #fff;}


header {position: relative; height: var(--header-height); font-size: 18px; background-color: var(--background); z-index: 2;}
.burger-wrap{padding:5px;position:absolute;right:0;top:50%;transform:translateY(-50%); display: none;}
.burger {margin: 5px; position: relative;}
.burger::before, .burger::after {position: absolute;}
.burger::before, .burger::after, .burger {content: ''; display: block; width: var(--burger-line-width); height: var(--burger-line-thickness); background-color: var(--burger-color)}
.burger::before {top: var(--burger-line-seperation)}
.burger::after {bottom: var(--burger-line-seperation)}

.burger-wrap.menu-active .burger{ transform: rotate(45deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); background: var(--burger-color-hover);}
.burger-wrap.menu-active .burger::before {top: 0; opacity: 0; transition: top 0.2s ease, opacity 0.1s 0.12s ease;background: var(--burger-color-hover)}
.burger-wrap.menu-active .burger::after {bottom: 0; transform: rotate(-90deg); transition: bottom 0.2s ease, transform 0.2s 0.12s;background: var(--burger-color-hover)}

.menu-active #menu-header {display: block;}
#menu-header {position: absolute; top: var(--header-height); list-style: none; padding: 0; margin: 0; width: 100%; display: none; left: 0; color: #000;}
/*#menu-header li {border-bottom: 1px solid #ededed;}*/
#menu-header li a {text-decoration: none; display: inline-block; padding: 0 10px;}
.menu-header-container li a {color: #fff;}
#menu-header > li > a {text-transform: uppercase;  font-weight: bold;}
#menu-header > li > a:hover {color: var(--link-color-hover);}
#menu-header .current-menu-item > a {color: var(--link-color-hover);}
#menu-header .menu-item-has-children, #menu-header .sub-menu {list-style: none;}
/*#menu-header .menu-item-has-children > a:after {content: "\e903"; font-family: 'icomoon';}*/
#menu-header .menu-item-has-children .sub-menu {display: none}
#menu-header .menu-item-has-children li:hover {background-color: var(--link-color-hover);}

#logo {display: block; background-color: #D2AD62; color: #000; text-decoration: none; font-size: 10px; text-transform: uppercase; height: 100%; line-height: 60px;}
.logo-wrap {position: relative; height: 60px;}
.logo-wrap:before {content: ' '; width: 220%; height: inherit; background-color: #D2AD62; display: block; position: absolute; left: calc(-200%); z-index: -1;}
.logo-wrap:after {content: ' '; display: block; clip-path: polygon(100% 0, 0 100%, 100% 100%); background-color: #f4f6f5; width: 10%; height: inherit; position: absolute; right: 11px; top: 0;}

.zavodi-wrap {display: flex; align-items: center; justify-content: right;}
#menu-zavodi {list-style: none; padding: unset; margin: unset; flex-direction: row; gap: 20px; display: flex; align-items: center; font-size: 15px;}
#menu-zavodi li {display: inline-block;}
#menu-zavodi li a {text-decoration: none; color: #000;}
#menu-zavodi li a:hover {-webkit-text-stroke: 1px var(--link-color-hover);}
.menu-bold a {font-weight: bold;}
#menu-zavodi:after {content: ' '; height: 15px; position: relative; right: 0; width: 2px; background-color: #D2AD62; display: inline-block; top: 0;}

.header-icons {display: flex; align-items: center; justify-content: center; gap: 10px;}
.header-icons a {color: #000; text-decoration: none; font-size: 20px;}

.menu-mobile-container li a {color: #000; padding: 10px 0 !important;}
.menu-mobile-container > ul > li {padding-right: 40px;}
.menu-mobile-container #menu-header {padding-top: 20px; background-color: #fff; padding-bottom: 20px; padding-right: 15px; text-align: right; height: auto;}
.menu-mobile-container .menu-item-has-children > a{position: relative;}
.menu-mobile-container .menu-item-has-children > a::after {content: "\e901"; position: absolute; font-size: 20px; font-family: 'icomoon'; margin-left: 15px; pointer-events: none;}

footer {background-color: #000; color: #fff; padding-top: 50px; padding-bottom: 50px; font-size: 12px;}
footer a {color: #fff; text-decoration: none;}
footer ul {list-style: none; padding: unset; margin: unset; font-weight: bold;}

#menu-footer-1, #menu-footer-2, #menu-footer-3 {display: flex; flex-direction: column; gap: 10px; padding: 10px 0}

.footer-kontakt {padding: 10px 0}
.footer-kontakt a{color: #D2AD62}
.footer-kontakt a:hover{color: #fff}

.footer1st {border-bottom: 2px solid #D2AD62; margin: 0 !important;}
.footer1st .col-xl-2 {border-left: 2px solid #D2AD62;}
.footer1st [class*=col-] {margin-bottom: 30px;}

.footer-novice {border-left: unset !important;}
.footer-novice h3 {font-size: 16px; margin-bottom: 5px;}
.footer-novice .button {margin-top: 5px;}

.footer2nd .col-12 {margin-top: 30px !important}

#menu-socials li {display: flex; align-items: center; margin-bottom: 10px; justify-content: center;}
#menu-socials a {font-size: 16px;}
#menu-socials li:before {font-size: 20px; margin-right: 10px; border-style: double; border-width: 6px; border-color: var(--link-color-hover); border-radius: 50%; padding: 10px;}

.cookies {display: flex; align-items: center; justify-content: center;}
.cookies a{color: #D2AD62; padding: 5px; display: block;}
.cookies a:hover{color: #fff}

.copyright {padding-top: 30px;}


.wpcf7 input, .wpcf7 textarea {padding: 13px 20px; border: 1px solid #000; color: #000; background: #ebebeb; width: 100%;}
.wpcf7 textarea {width: 100%;}
.wpcf7 input::placeholder, .wpcf7 textarea::placeholder {color: #827f7f; font-size: 12px;}
.wpcf7 input[type="checkbox"] {width: unset;}
.wpcf7 input[type="submit"] {margin-top: 10px; width: unset; background-color: #D2AD62; color: #000; border-color: #D2AD62;}
.wpcf7 input[type="submit"]:hover {background-color: #fff; color: #000;}
.home .contact-wrap {display: none;}
.wpcf7-list-item {margin: unset;} 
.content-break {width: 100%; height: 5px; border-top: 2px solid #e1e1e1; margin-top: 50px; margin-bottom: 50px;}
.wpcf7-spinner {display: none;}

.after-header {height: 87px; width: 100%; background-color: #000; display: block !important;}

#thumbnail {width: 100%; height: 500px; position: relative; color: #fff;}
#thumbnail::before, #frontS .swiper-slide::before {content: ' '; width: inherit; height: inherit; position: absolute; left: 0; top: 0; 
    
background: #000;
background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.40) 70%, rgba(0, 0, 0, 0.10) 100%);
}

#thumbnail img {object-fit: cover; height: inherit; width: inherit;}
#thumbnail .thumbnail-text {position: absolute; left: 0; top: 0; right:0; height: inherit}
#thumbnail .thumbnail-content {position: absolute; bottom: 20%; left: 0;}
#thumbnail h1, #frontS h2 {border-left: 5px solid #D2AD62; padding-left: 20px; margin-left: 12px; margin-bottom: 10px;}
.thumbnail-category {margin-bottom: 50px;}
.thumbnail-category span {display: none;}
#thumbnail .thumbnail-category .post-categories {list-style: none; margin: unset; padding: unset;}
#thumbnail .thumbnail-category .post-categories li, .thumbnail-category [rel="tag"] {display: inline-block; padding: 5px 20px; background-color: var(--link-color-hover);text-transform: uppercase; font-weight: bold; margin-left: 12px; margin-bottom: 5px;}
#thumbnail .thumbnail-category .post-categories li a, .thumbnail-category [rel="tag"] {color: #000; text-decoration: none;}
#thumbnail .thumbnail-category .post-categories li a:hover, .thumbnail-category [rel="tag"]:hover {color: #fff;}

#thumbnail .thumbnail-category, #thumbnail .fe-datetime {display: block;}
.thumbnail-post-title h2{margin-bottom: 47px !important;}

.spored-cas {font-size: 18px;}

.post-type-archive  .thumbnail-category a:first-of-type {margin-left: 0 !important}
.post-type-archive  .thumbnail-category {display: inline-block;}
.post-type-archive  .thumbnail-category a {font-weight: 500;}

.fe-datetime, .fe-location {margin-left: 12px; font-size: 24px;}
.fe-inner-wrap {margin-bottom: 10px;}
.fe-events-cost {display: inline-block; margin-top: 50px; margin-left: 12px !important; font-size: 18px; background-color: #ac5729; padding: 5px 15px !important; transform: skewX(-20deg); color: #fff}
.fe-events-cost .fe-events-cost-inner {transform: skewX(20deg);}
.slideFront .vstopnica-cena {display: inline-block}
#thumbnail .vstopnica-cena {display: inline-block}
.vstopnica-cena {display: none}
.nakup-vstopnice:hover .fe-events-cost{background-color: #D2AD62; color: #000;}


article {font-size: 20px;}
.article-thumb {margin-bottom: 50px;}
.article-thumb img {width: 100%; height: auto;}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container {padding: 0;}

#tribe-events-pg-template {max-width: 1320px;}
.tribe-events .tribe-events-calendar-list-nav {border-top: unset !important;}
.tribe-events .tribe-events-c-nav__list {justify-content: unset;}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-nav__list-item {width: unset !important;}

.list-title {display: inline-block;}
.tribe-events-c-top-bar__datepicker {display: block; float: right; margin-top: 28px !important;}
.tribe-events-c-top-bar__datepicker .icon-calendar {font-size: 48px;}
.datepicker.dropdown-menu {z-index: 10000 !important; left: -323px !important; width: unset !important;}

.tribe-events .tribe-events-c-nav__list {font-size: 20px;}
.tribe-events .tribe-events-c-nav__list-item--prev, .tribe-events .tribe-events-c-nav__list-item--next {justify-content: unset !important;}
.tribe-events .tribe-events-c-nav__list-item {width: unset !important;}

.tribe-events-calendar-list-nav {padding: unset !important; padding-top: 10px !important; padding-bottom: 10px !important; border-bottom: 1px solid #dadada !important; margin-bottom: 25px !important;}

.tribe-events-c-nav__list li button, .tribe-events-c-nav__list-item {text-transform: lowercase; color: #dadada !important;}
.tribe-events-c-nav__list li a {color: #ac5729 !important}
.tribe-events-c-nav__list li svg {display: none !important}
.tribe-events-c-nav__list .fe-nav-sep {display: block; margin: 0 10px; color: #dadada;}
.tribe-events-series-relationship-single-marker {display: none;}
.tribe-events-calendar-series-archive__link {display: none;}

.tribe-events-single-event-description.tribe-events-content, .single-post-content, .single-page {text-align: justify;}

.post-type-archive h1, .category h1 {border-left: 4px solid #D2AD62; text-transform: lowercase; padding-left: 10px; margin-top: 25px;}


.event-description .tribe-events-calendar-list__event-datetime-wrapper.tribe-common-b2 {margin-bottom: 0; font-size: 20px;}
.event-description .tribe-events-calendar-list__event-venue-title.tribe-common-b2--bold {font-weight: 500; font-size: 20px;}
.event-img img {width: 100% !important; height: 432px; object-fit: cover; aspect-ratio: 1/1;}
.event-description h2 {font-size: 32px !important; padding-left: 20px; border-left: 5px solid #000; margin: 20px 0 !important;}

.post-type-archive article {padding-top: 50px; padding-bottom: 50px; border-bottom: 1px solid #dadada;}
.category article a {text-decoration: none; color: #000}
.category article {padding: 20px 0; border-bottom: 1px solid #dadada;}
.category-title {border-bottom: 1px solid #dadada;}

#event-galerija {margin: 50px 0;}
#event-galerija .gallery-item {float: unset !important; margin: 0 !important; display: inline-block; width: unset !important;}
#event-galerija .event-galerija-wrap {display: flex; justify-content: flex-start; flex-wrap: wrap; gap: 10px;}

.single-post article {margin-top: 50px;}

.single-page {margin-top: 50px; margin-bottom: 50px;}

.home section {margin-bottom: 50px;}
.home section:last-child {margin-bottom: unset;}
.home footer {margin-top: unset;}

#frontS {margin-top: -87px; margin-bottom: 25px;}
#frontS .swiper-slide {width: 100%; height: 500px; position: relative;}
#frontS img {width: 100%; height: inherit; object-fit: cover;}
#frontS .container {position: absolute; top: 0; left: 0; right: 0; height: inherit;}
.frontS-vsebina {position: absolute; bottom: 5%; left: 0;}
.frontS-vsebina .fe-inner-wrap {display: inline-block; color: #fff;}
.frontS-vsebina .fe-inner-wrap .fe-datetime {font-size: 18px;}

#frontS h2 {font-size: 30px;}
#frontS .tribe-events-calendar-list__event-title-link {color: #fff; text-decoration: none;}

#frontS .swiper-pagination {display: flex; align-items: center; justify-content: center; bottom: 5%;}
.swiper-pagination-bullet {border: 1px solid #fff !important; background: #fff !important; opacity: 1 !important; width: 4px !important; height: 4px !important;}
.swiper-pagination-bullet.swiper-pagination-bullet-active {background: #D2AD62 !important; width: 8px !important; height: 8px !important;}
#frontS .thumbnail-category {margin-bottom: 20px; display: inline-block;}
#frontS .fe-events-cost {margin-top: 30px;}

#frontS .thumbnail-category, #frontS .fe-datetime {display: block;}

#frontSpored .swiper-slide {height: 380px; width: 85%;}
#frontSpored a {text-decoration: none;}
#frontSpored .fe-events-cost {margin-top: 10px; margin-left: unset !important;}
#frontSpored h3 {font-size: 22px; min-height: 66px; margin-bottom: unset;}
#frontSpored img {max-width: 100%;}
.spored-vsebina {padding: 20px; height: 50%;}
.spored-category {}
.spored-category a {text-decoration: none;}
.spored-category span {display: none;}
.spored-img {height: 50%;}
.spored-img img {object-fit: cover; width: 100%; height: 100%;}
#frontSpored .fe-location {font-size: 16px; margin-left: unset;}
#frontSpored .swiper-pagination {right: 0; left: unset !important; top: 22px !important; bottom: unset !important; display: flex; align-items: center; justify-content: end; width: 20%; height: 4px;}
#frontSpored .swiper-pagination-bullet {background-color: #000 !important; border-color: #000 !important; margin: 0 4px;}
#frontSpored .swiper-pagination-bullet-active {background-color: #D2AD62 !important; border: #D2AD62 !important;}

#frontSpored .swiper-slide:nth-child(odd), #frontSpored .swiper-slide:nth-child(odd) a {color: #000; background-color: #D2AD62;}
#frontSpored .swiper-slide:nth-child(even), #frontSpored .swiper-slide:nth-child(even) a {color: #fff; background-color: #000;}

#frontSpored h2 {text-transform: uppercase; font-weight: 500;}
.frontNovice h2 {text-transform: uppercase; font-weight: 500;}

.frontNovice a {text-decoration: none;}
.frontNovice h3 {margin: unset;}
.frontNovice .swiper-slide {height: auto; align-self: stretch;}
.frontNovice .fe-datetime {margin-left: unset; font-size: 16px;}
.sNlevo {background-color: #000; color: #fff; font-size: 20px; position: relative; z-index: 1;}
.sNlevo-inner {padding: 50px;}
.sNlevo h3 {color: #D2AD62;}
.sNdesno {padding: unset !important;}
.sNdesno img {width: 100%; height: 100%; object-fit: cover;}
.slideNovice .row {height: 100%;}
.slideNovice .swiper-pagination {right: 0; left: unset !important; top: 14px !important; bottom: unset !important; display: flex; align-items: center; justify-content: end;}
.slideNovice .swiper-pagination-bullet {background-color: #000 !important; border-color: #000 !important;}
.slideNovice .swiper-pagination-bullet-active {background-color: #D2AD62 !important; border: #D2AD62 !important;}

.slideIzpostavljeno h3 {color: #000; font-weight: bold;}
.slideIzpostavljeno .sNlevo {background-color: #D2AD62; color: #000;}
.slideIzpostavljeno .sNlevo::after {background-color: #D2AD62;}
.slideIzpostavljeno .spored-category a {color: #000; font-size: 24px;}
.slideIzpostavljeno .spored-cas {font-size: 24px;}
.slideIzpostavljeno .fe-location {margin: unset;}
.slideIzpostavljeno .fe-events-cost {margin-left: unset !important;}

.vstopniceOutterContainer {background-color: #D2AD62; color: #000; padding: 100px 0;}
#frontVstopnice {margin-top: 50px;}
#frontVstopnice a {color: #fff; text-decoration: none; padding: 10px 40px; background-color: #000; margin-bottom: 20px; z-index: 1; display: block; font-size: 18px;}
#frontVstopnice a:hover {color: #D2AD62;}

.vstopniceContainer .row {position: relative;}
#frontVstopnice img {width: 150px; height: auto; position: relative; border: 10px solid #D2AD62; display: none; padding: unset; border-radius: 100%; background: #D2AD62;}
#frontVstopnice h2 {font-weight: 500;}

#popup-novice {position: fixed; width: 300px; height: auto; border: 2px solid #000; color: #000; padding: 20px; background-color: #f5f5f5; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 9999;}
#popup-novice-wrap {content: ''; position: fixed; z-index: 9997; background-color: rgba(0, 0, 0, 0.8); width: 100%; height: 100%; display: block; top: 0; left: 0; right: 0; bottom: 0; display: none;}
#popup-novice .icon-cross {display: block; font-size: 20px; color: #000; text-align: right;}
.popup-active #popup-novice-wrap {display: block;}
#popup-novice .icon-cross:hover {color: #D2AD62;}

.search-active .asl_w_container {display: block}
.asl_w_container {position: fixed; top: 50px; right: 0; z-index: 99999; display: none; padding: 20px;}
.admin-bar .asl_w_container {top: 90px}
.asl_w_container .promagnifier {pointer-events: none;}
#ajaxsearchliteres1 {z-index: 99999;}

.produkcija a {margin: 50px 0; display: block; border: 2px solid #000;}
.produkcija a img {object-fit: cover; width: 100%; height: 500px;}
 
#kocka-logo {width: 150px; height: auto; margin-bottom: 50px;}

.prijava-kuv {font-weight: 500; color: #D2AD62 !important}
.prijava-kuv:hover {color: #ac5729 !important;}
.prijava-kuv:nth-child(3)::before {content: '•   ';}
.prijava-kuv:nth-child(4)::before {content: '•   ';}

.event-description {margin-top: 25px !important; padding-left: unset !important;}

.swiper-button-next, .swiper-button-prev {display: block !important;  -webkit-text-stroke: 2px #fff; top: 70% !important}

.grecaptcha-badge {display: none;}

.error404 main {margin-top: 50px;}

.sponzorji img {width: 150px; height: auto; margin-top: 20px;}

[name="_mc4wp_subscribe_contact-form-7"] {margin-right: 10px !important}

@media only screen and (min-width: 768px){
#frontVstopnice img {width: 150px; height: auto; top: -13% !important; position: absolute; left: 50%; transform: translate(-50%); z-index: 2; display: block;}

#logo {font-size: 15px;}
  
#frontS .thumbnail-category, #frontS .fe-datetime {display: inline-block;}

#frontS h2 {font-size: 40px;}
}

@media only screen and (max-width: 992px){
    
}

@media only screen and (min-width: 992px) {  
  .sNlevo::after {content: ''; display: block; width: 40%; height: inherit; background-color: #000; position: absolute; right: -110px; top: 0; transform: skewX(-20deg); z-index: -1;}
  
  .slideNovice .col-12 {height: 400px;}
  .slideIzpostavljeno .col-12 {height: 360px;}

  .event-description {padding-left: 20px !important; margin-top: unset !important;}
   
}

@media screen and (max-width: 1199px) {
    .burger-wrap {display: block;}    
    .mobile-hidden {display: none !important;}

    .menu-header-container {display: none;}
}

@media screen and (min-width: 1200px) {
    header {height: var(--header-height-full); padding: 0}

    #menu-header {position: relative; top: unset; display: block;}
    #menu-header > li {display: inline-block;}
    .menu-header-container {display: inline-block; position: absolute; top: 90px;}
    
    /*#menu-header .menu-item-has-children > a:after {content: "\e901"; font-family: 'icomoon'; margin-left: 5px; font-size: 20px; position: absolute; top: 19px;}*/

    /*#menu-header .menu-item-has-children a {padding-right: 30px;}*/
    #menu-header > .menu-item {border-left: 2px solid #D2AD62;}
    #menu-header .menu-item-has-children {position: relative;}
    #menu-header .menu-item-has-children .sub-menu {padding: 0;}
    #menu-header .menu-item-has-children:hover > .sub-menu, #menu-header .menu-item-has-children:focus > .sub-menu, #menu-header .menu-item-has-children:focus-within > .sub-menu {display: block;}
    #menu-header .menu-item-has-children > .sub-menu {display: none; position: absolute; white-space: nowrap; left: 0; z-index: 9999; padding-top: 10px; background-color: #000;}
    #menu-header .menu-item-has-children .menu-item-has-children:hover > .sub-menu {display: block;}
    #menu-header .menu-item-has-children .menu-item-has-children > .sub-menu {display: none; position: absolute;right: 0; top: 50px; background-color: #fff; white-space: nowrap;}
    #menu-header li a {display: block;}

    .menu-mobile-container {display: none;}

    #thumbnail {height: 800px;}
    #frontS .swiper-slide {height: 600px;}
    
    .slideNovice .swiper-pagination {text-align: left; left: 50px !important; bottom: 10% !important; top: unset !important; justify-content: start;}
    
    .slideIzpostavljeno .swiper-pagination {justify-content: center;}

    .slideNovice .swiper-pagination-bullet {background-color: #fff !important; border-color: #fff !important;}

    .slideNovice .swiper-pagination-bullet-active {background-color: #D2AD62 !important; border: #D2AD62 !important;}

    #menu-socials {display: flex; justify-content: left; align-items: center; gap: 10px; flex-wrap: wrap;}
    #menu-socials li {margin-bottom: unset;}

}

@media screen and (min-width: 1600px) {
  
    .asl_w_container {right: 16%; top: 41px;}
    .admin-bar .asl_w_container {top: 74px}

    #logo {font-size: 25px;}

}