/* 
Theme name: KCJT ArtCafe
Version: 1.5
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: kulstik
*/

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

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

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

}

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

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

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)}

.admin-bar header {top: 32px;}
main {margin-top: 110px;}
header {position: fixed; height: var(--header-height); font-size: 18px; background-color: var(--header-background); z-index: 2; top: 0; left: 0; width: 100%; background-color: #fff;}
.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: #000;}
#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);}


.menu-mobile-container li a {color: #fff; padding: 10px 0 !important;}
.menu-mobile-container li {padding-right: 30px;}
.menu-mobile-container #menu-header {padding-top: 20px; background-color: #000; 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: relative; font-size: 20px; font-family: 'icomoon'; margin-left: 5px;}

.proizvajalec span, .kolicina {color: #c39b42;}
.cena {text-align: right; margin-bottom: 20px;}
.ckolicina {margin-bottom: unset !important;}
.kolicina {margin-bottom: 20px; font-style: italic;}
.vrsta {margin-bottom: 20px; font-style: italic;}
h2 {text-align: right; font-family: "Whisper", cursive; font-size: 65px !important;}
h3 {text-align: center; font-family: "Arsenal SC", sans-serif; color: #c39b42 !important; font-size: 30px !important;}
.vina h3 {color: #000 !important; border-top: 2px solid #000; border-bottom: 2px solid #000; padding: 10px 0; margin-top: 50px;}
h1 {font-family: "Whisper", cursive; font-size: 60px !important; text-align: right;}
h1 span {display: block; color: #c39b42; margin-top: -30px;}
.intro {text-align: justify;}

.catering .prednaslov, .catering h2, .catering h3 {text-align: right;}
.prednaslov {font-family: "Arsenal SC", sans-serif; color: #c39b42; font-size: 20px;}
.catering h2 {font-size: 100px !important; margin-top: -50px; margin-bottom: -25px;}
.catering h3 {font-family: "Parkinsans", sans-serif; font-weight: 200; color: #000 !important; font-size: 20px !important;}
.besedilo-catering {text-align: justify;}

#delovni-čas {margin-top: 50px; margin-bottom: 10px; background-color: #000; color: #ccad69; padding-top: 50px; padding-bottom: 50px; background-image: url('assets/img/background.webp'); background-repeat: no-repeat; background-position: center; background-size: cover;}

footer {font-size: 15px; margin-bottom: 10px;}

.wp-block-spacer {display: block !important}

.logo {display: block; margin: 0 auto; width: 137px; padding: 20px 0;}
.logo img {width: 100px; height: auto;}

@media only screen and (min-width: 768px){
  h1 {font-size: 100px !important;}
}

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

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

@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: block; text-align: center;}

    #menu-header .menu-item-has-children {position: relative;}
    #menu-header .menu-item-has-children .sub-menu {padding: 0; box-shadow: 1px 1px 10px #000;}
    #menu-header .menu-item-has-children:hover > .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: #fff;}
    #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; padding: 15px 15px; height: 100%;}

    .menu-mobile-container {display: none;}
    
    main {margin-top: 160px;}

}

@media screen and (min-width: 1600px) {
}