/*!
Theme Name: Hostel in Bitro Situla v1
Theme URI: https://kulstik.com/
Author: Kulstik, spletne rešitve, Matej Mihalič s.p.
Author URI: https://kulstik.com/
Description: Made 31.07.2024
Version: 1.0
*/
/* contact form */
.wpcf7{margin:0;padding:0;} .wpcf7-response-output:not(:empty){margin:2em .5em 1em;padding:.2em 1em} .wpcf7 .screen-reader-response{position:absolute;overflow:hidden;clip:rect(1px,1px,1px,1px);height:1px;width:1px;margin:0;padding:0;border:0} .wpcf7-mail-sent-ok{border:2px solid #398f14} .wpcf7-mail-sent-ng{border:2px solid red} .wpcf7-spam-blocked{border:2px solid orange} .wpcf7-validation-errors{border:2px solid #f7e700} .wpcf7-form-control-wrap{position:relative; margin-bottom: 10px; display: block;} span.wpcf7-not-valid-tip{color:red;font-size:1em;display:block} .use-floating-validation-tip span.wpcf7-not-valid-tip{position:absolute;top:20%;left:20%;z-index:100;border:1px solid red;background:#fff;padding:.2em .8em} span.wpcf7-list-item .wpcf7-list-item-label{margin-left:.5em; display: inline-block; vertical-align: middle} .wpcf7-display-none{display:none} .wpcf7 img.ajax-loader{border:none;vertical-align:middle;margin-left:4px} .wpcf7 div.ajax-error{display:none}
.wpcf7 .wpcf7-text, .wpcf7 .wpcf7-textarea {width: 100%; display: block; padding: 15px 20px; line-height: 1; margin-bottom: 20px;}
.wpcf7 .wpcf7-text:hover, .wpcf7 .wpcf7-text:active, .wpcf7 .wpcf7-text:focus, .wpcf7 .wpcf7-textarea:hover, .wpcf7 .wpcf7-textarea:active, .wpcf7 .wpcf7-textarea:focus {color: #000;}
.wpcf7 .wpcf7-text::-moz-placeholder, .wpcf7 .wpcf7-textarea::-moz-placeholder {opacity: 1; color: #b8b8b8;}
.wpcf7 .wpcf7-text::-webkit-input-placeholder, .wpcf7 .wpcf7-textarea::-webkit-input-placeholder {color: #b8b8b8;}
.wpcf7 .wpcf7-text:-ms-input-placeholder, .wpcf7 .wpcf7-textarea:-ms-input-placeholder {color: #b8b8b8;}
.wpcf-submit-wrap {padding-bottom: 50px;}
.wpcf7 .ajax-loader {position: absolute;}
/* contact form */

/* gallery */
.wp-block.wp-block-spacer .components-resizable-box__container {display: none !important;}
.wp-block.wp-block-spacer {border: 1px dashed #ccc; background: rgba(254, 254, 254, 0.6);}

.blocks-gallery-grid {list-style: none; display: flex; flex-wrap: wrap; padding: 0 7px; margin:0 -8px; text-align: center;}
.blocks-gallery-item {position:relative;flex: 0 0 100%; max-width:100%; width: 100% !important; padding: 0 8px; margin: 8px 0 !important; cursor: pointer;}
.blocks-gallery-item figure {height: 100%;}
.blocks-gallery-item img {max-width: 100%; height: auto;}
.wp-block-gallery.is-cropped .blocks-gallery-item a {height: 100%;flex: 1;-o-object-fit: cover;object-fit: cover;}
/* gallery */

/* misc */
body {font-size: 1.8rem; font-family: "Titillium Web", sans-serif; color: var(--body-color); background: var(--body-background-color); font-weight: 600;}
body::after{content:''; position: fixed; left: 0; right: 0; bottom: 0; top: 0; background: rgba(0, 0, 0, 1); opacity: 0; visibility: hidden; transition: opacity 0.4s; z-index: 2;}   
body.overlay-fading-out::after {opacity: 0; visibility: hidden; -webkit-transition: all 0.4s; transition: all 0.4s;}
.header-menu-active::after { opacity: 1; visibility: visible}

a {text-decoration: underline 1px transparent; transition: all 0.4s;}
a:hover, a:active, a:focus {text-decoration: underline 1px currentColor}

.has-small-font-size {font-size: 1rem;}
.has-normal-font-size {font-size: 1.4rem;}
.has-large-font-size {font-size: 2rem;}


.btn, .btn-primary, .button, input[type='submit'] {display: inline-block; text-align: center; line-height: 1; font-size: 1.4rem; padding: 20px 30px; letter-spacing: 0.05em; color: var(--primary-button-text-color); background: var(--primary-button-background-color); font-weight: 500; text-transform: uppercase; transition: all 0.4s; border: 0; cursor: pointer;}
.btn:not(:disabled):hover, .btn:not(:disabled):active, .btn:not(:disabled):focus, .button:not(:disabled):hover, .button:not(:disabled):active, .button:not(:disabled):focus, input[type='submit']:not(:disabled):hover, input[type='submit']:not(:disabled):active, input[type='submit']:not(:disabled):focus {text-decoration: none; color: var(--primary-button-text-hover-color); background: var(--primary-button-background-hover-color);}
.btn:disabled, .button:disabled, .btn.disabled, .button.disabled, input[type='submit']:disabled, .btn:disabled:hover, .btn:disabled:active, .btn:disabled:focus, .button:disabled:hover, .button:disabled:active, .button:disabled:focus, .btn.disabled:hover, .btn.disabled:active, .btn.disabled:focus, .button.disabled:hover, .button.disabled:active, .button.disabled:focus {opacity: 0.5; cursor: not-allowed;}

.btn-alt, .btn-secondary {color: var(--secondary-button-text-color); background: var(--secondary-button-background-color)}
.btn-alt:not(:disabled):hover, .btn-alt:not(:disabled):active, .btn-alt:not(:disabled):focus, .btn-secondary:not(:disabled):hover, .btn-secondary:not(:disabled):active, .btn-secondary:not(:disabled):focus {color: var(--secondary-button-text-hover-color); background: var(--secondary-button-background-hover-color);}

select, input[type='text'], input[type='email'], input[type='number'], input[type='search'], input[type='tel'], input[type='url'], input[type='password'], textarea, .select2 {width: 100%; border: 1px solid #000; background: #fff; color: #515151; padding: 10px 20px; margin-bottom: 15px; -webkit-transition: all 0.4s; transition: all 0.4s;}
select:hover, select:active, select:focus, input[type='text']:hover, input[type='text']:active, input[type='text']:focus, input[type='email']:hover, input[type='email']:active, input[type='email']:focus, input[type='number']:hover, input[type='number']:active, input[type='number']:focus, input[type='search']:hover, input[type='search']:active, input[type='search']:focus, input[type='tel']:hover, input[type='tel']:active, input[type='tel']:focus, input[type='url']:hover, input[type='url']:active, input[type='url']:focus, input[type='password']:hover, input[type='password']:active, input[type='password']:focus, textarea:hover, textarea:active, textarea:focus {border-color: #BF7069; color: #BF7069;}
input[type='text']::placeholder, input[type='email']::placeholder, input[type='number']::placeholder, input[type='search']::placeholder, input[type='tel']::placeholder, input[type='url']::placeholder, input[type='password']::placeholder, textarea::placeholder {color: #5D5D5D; opacity: 1;}
input[type='checkbox'], input[type='radio'] {border: 1px solid #C8C8C8; appearance: none; width: 20px; height: 20px; vertical-align: middle; -webkit-transition: all 0.4s; transition: all 0.4s; padding: 3px; margin-right: 3px;}
input[type='checkbox'] {border-radius: 2px;}
input[type='radio'] {border-radius: 50%;}
input[type='checkbox']:checked, input[type='radio']:checked {background: #BF7069; background-clip: content-box;}


.container-nopad, .container-nopad > .row > [class*="col-"] {padding: 0;}
.container-nopad > .row {margin: 0;}

ul.page-numbers {list-style: none; margin: 1rem 0; padding: 0; display: flex; flex-wrap: nowrap; justify-content: center}
.page-numbers li {display: block; text-align: center; vertical-align: middle;}
.page-numbers li:last-child {margin-right: 0}
.page-numbers a, .page-numbers .next, .page-numbers .prev, .page-numbers span {display: block; line-height: 30px; width: 30px; background: #ababab; color: #fff; transition: all 0.4s; font-weight: 700; text-align: center}
.page-numbers a:hover, .page-numbers a:active, .page-numbers a:focus, .page-numbers span {background: #1a1818; color: #fff;}

h1, h2, h3, h4, h5, h6, .icon-address, .icon-phone, .icon-email, strong, #menu-header, .sb-feed-header-heading {font-family: "Russo One", sans-serif; letter-spacing: 2px;}

.sb-feed-header-heading {text-align: center;}
/* misc */

/* header, footer */
.col-header-menu-toggle-wrap {margin-left: auto; flex: 0 0 50px; max-width: 50px;}

#header-menu-toggle {position: relative; z-index: 9003; display: inline-block; vertical-align: middle; width: 30px; height: 30px; outline: 0; border: 0; background: transparent}
#header-menu-toggle::-moz-focus-inner { border: 0; }
.item-toggle-lines, .item-toggle-lines::before, .item-toggle-lines::after {position: absolute; right: 0; width: 30px; height: 3px; background: var(--burger-color); line-height: 1; transition-property: transform, background; transition-duration: 0.15s, 0.15s; z-index: 9002}
.item-toggle-lines {top: 50%; transform: translateY(-50%); transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}
.item-toggle-lines::after, .item-toggle-lines::before { display: block; content: "";}
.item-toggle-lines::before {top: -8px; transition: top 0.2s 0.12s ease, opacity 0.1s ease;}
.item-toggle-lines::after {bottom: -8px; transition: bottom 0.2s 0.12s ease, transform 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19);}
.header-menu-active #header-menu-toggle .item-toggle-lines, .product-summary-cart-popup-open #product-summary-cart-popup-close .item-toggle-lines, .product-summary-offer-popup-open #product-summary-offer-popup-close .item-toggle-lines { transform: rotate(45deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); background: var(--burger-hover-color);}
.header-menu-active #header-menu-toggle .item-toggle-lines::before, .product-summary-cart-popup-open #product-summary-cart-popup-close .item-toggle-lines::before, .product-summary-offer-popup-open #product-summary-offer-popup-close .item-toggle-lines::before {top: 0; opacity: 0; transition: top 0.2s ease, opacity 0.1s 0.12s ease;background: var(--burger-hover-color)}
.header-menu-active #header-menu-toggle .item-toggle-lines::after, .product-summary-cart-popup-open #product-summary-cart-popup-close .item-toggle-lines::after, .product-summary-offer-popup-open #product-summary-offer-popup-close .item-toggle-lines::after {bottom: 0; transform: rotate(-90deg); transition: bottom 0.2s ease, transform 0.2s 0.12s;background: var(--burger-hover-color)}
.header-menu {list-style: none; margin: 0; padding: 0;}

/* header {margin-bottom: 20px;} */

nav {z-index: 999;}
.col-header-menu {display: none}
.header-menu-active .col-header-menu {display: block;}

.footer-menu {list-style: none; margin: 0; padding: 0;}
.footer-menu li {margin-bottom: 10px;}

.header-logo {height: 50px; z-index: 999; position: relative; max-width: unset; }

.header-wrap {padding: 2rem 0; background-color: #000} /* rgba(235,236,232,0.95); */
.col-header-menu {padding: 18px 40px;}
nav {position: absolute !important; top: 120px; left: 0; bottom: 0; right: 0; width: 100%;}
#menu-header {padding-top: 20px;}

.col-header-menu > ul > li > a{font-weight: bold; text-transform: uppercase; font-size: 20px;}
.col-header-menu > ul > li > ul, .col-header-menu > ul > li > ul > li > ul {list-style: none;}

.col-header-menu .menu-item-has-children .sub-menu{display: none;}

.col-header-menu .menu-item-has-children > a {position: relative; display: block; pointer-events: none;}
.col-header-menu .menu-item-has-children > a::after {content: '\f107'; font-family: 'icon-font'; position: absolute; right: 0; font-weight: normal; font-size: 14px;}

.col-header-menu > ul > li > ul > li > a {text-transform: uppercase;}
.col-header-menu > ul > li > ul > li > ul > li a {text-transform: unset;}

#menu-header {text-align: center;}
#menu-header li {margin-bottom: 20px;}
#menu-header a {text-decoration: none;}
#menu-header a:hover {color: var(--primary-button-background-color);}

.col-header-menu-toggle-wrap {margin-right: 10px;}


.footer-menu {list-style: none; margin: 0; padding: 0;}
.footer-menu li {margin-bottom: 10px;}

footer {border-top: 1px solid #000; border-bottom: 1px solid #000;}
footer .col-md-6 {}
.f-contact {display: flex; flex-direction: column; justify-content: center; align-items: center; margin-top: 15px; margin-bottom: 15px;}
.copyright {text-align: center; padding-bottom: 15px; font-size: 10px; padding-top: 15px; background-color: #f7f5f2; }
/* header, footer */

main {padding-top: 30px; padding-bottom: 30px;}

.contact-content{display:flex;flex-direction:column;justify-content:center;align-items:center}

.wp-block-file a {display: none;}

.cover-img img {display: block; width: 100%; height: 400px; object-fit: cover; margin-top: -30px; margin-bottom: 30px;}

#front-slider {margin-top: -30px; margin-bottom: 30px; overflow: hidden; height: 700px; z-index: 1;}

#front-slider .swiper-slide {width: 100%; height: 700px; object-fit: cover;}
#front-slider .swiper-slide img {width: 100%; height: 700px; object-fit: cover;}

.reviews-front {margin-top: 50px;}
.page-template-front-page h1 {margin-bottom: 50px;}

.malca-img img {display: block; margin: 0 auto;}

.social-icons {margin-top: 20px; font-size: 20px}
.social-icons a {color: #000;}
.social-icons a:hover {color: var(--main-link-color);}

.grecaptcha-badge {display: none;}

@media (max-width: 575.98px) {
}

@media (min-width: 576px) {
    /* misc */
	.blocks-gallery-item {flex: 0 0 50%; max-width:50%; width: 50% !important;}
    /* misc */
}

@media (min-width: 768px) {
    /* misc */
    .blocks-gallery-item {flex: 0 0 33.333333%; max-width: 33.333333%; width: 33.333333% !important;}
    /* misc */
}

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

@media (min-width: 1200px) {
    /* misc */
	.wp-block-gallery.columns-6 .blocks-gallery-item {flex: 0 0 16.666667%; max-width: 16.666667%; width: 16.666667% !important;}
	.wp-block-gallery.columns-5 .blocks-gallery-item {flex: 0 0 20%; max-width: 20%; width: 20% !important;;}
    .blocks-gallery-item {flex: 0 0 25%; max-width: 25%; width: 25% !important;}
    /* misc */

    .col-header-menu-toggle-wrap {display: none;}
    #menu-header {border-top: unset; padding-top: unset; display: flex; justify-content: space-around;}
    #menu-header a{color: #fff; letter-spacing: 2px;}

    .col-header-logo {display: inline-block;}
    .col-header-menu {display: inline-block !important}
    nav{position:relative !important;top:unset;left:unset;bottom:unset;right:unset;width:100%}
    .col-header-menu > ul > li {display: inline-block;}

    .col-header-logo {display: flex; flex: 0 1 6%}
    .col-header-menu {}
    .header-social {display: flex; flex: 0 0 5%; justify-content: right;}
    .header-social a {color: #000; font-size: 17px;}

    .col-header-menu .menu-item-has-children > a::after {right: -15px; top: -2px;}

    .menu-item-has-children:hover .sub-menu {display: block;}
    .menu-item-has-children .sub-menu {display: block; position: absolute; padding: 0;}

    #menu-header li {margin-bottom: unset;}
}