/*!
Theme Name: Lepu Wines | Vina Zajc
Theme URI: https://www.lepu.wine
Author: Kulstik | Matej Mihalič
Author URI: https://kulstik.com/
Description: Lepu wines page for Japanese market
Version: 1.0
*/
/* fonts */
@font-face{font-family:'icon-font';src:url(font/icon-font.eot?28034853);src:url(font/icon-font.eot?28034853#iefix) format("embedded-opentype"),url(font/icon-font.woff2?28034853) format("woff2"),url(font/icon-font.woff?28034853) format("woff"),url(font/icon-font.ttf?28034853) format("truetype"),url(font/icon-font.svg?28034853#icon-font) format("svg");font-weight:400;font-style:normal; font-display: swap;}[class^="icon-"]:before,[class*=" icon-"]:before,.swiper-button-next::before, .swiper-button-prev::before, .pswp__button::before,.page-numbers .next,.page-numbers .prev{font-family:"icon-font";font-style:normal;font-weight:400;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-search::before { content: '\73'; } /* 's' */
.icon-left-dir::before { content: '\2190'; } /* '←' */
.icon-up-dir::before { content: '\2191'; } /* '↑' */
.icon-right-dir::before { content: '\2192'; } /* '→' */
.icon-down-dir::before { content: '\2193'; } /* '↓' */
.icon-zoom-in::before { content: '\e801'; } /* '' */
.icon-cancel::before { content: '\e805'; } /* '' */
.icon-youtube::before { content: '\f166'; } /* '' */
.icon-instagram::before { content: '\f16d'; } /* '' */
.icon-facebook::before { content: '\f230'; } /* '' */
.icon-twitter::before { content: '\f304'; } /* '' */
/* fonts */

/* gallery */

.row-image-pad img {margin-bottom: 20px;}
.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 */


main a:not([class]) {color: var(--main-link-color);}
main a:not([class]):hover, main a:not([class]):active, main a:not([class]):focus {color: var(--main-link-hover-color);}

body {line-height: 2rem !important; font-size: 20px; font-family: "EB Garamond", serif;}
main a, footer a {color: #FAEFD9 !important; text-decoration: none;}
main a:hover, footer a:hover {color: red !important;}
body::after{content:''; position: fixed; left: 0; right: 0; bottom: 0; top: 0; background: rgba(0, 0, 0, 0.3); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.4s; transition: opacity 0.4s;}
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 { --webkit-transition: all 0.4s; transition: all 0.4s;}

.btn, .btn-primary, .button, input[type='submit'] {display: inline-block; text-align: center; line-height: 1; font-size: 14px; 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; -webkit-transition: all 0.4s; transition: all 0.4s; border: 0; cursor: pointer; border-radius: 28px;}
.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);}


.block-editor-block-list__layout.is-root-container {max-width: 1200px !important; margin: 0 auto !important;}
.container-nopad, .container-nopad > .row > [class*="col-"] {padding: 0;}
.container-nopad > .row {margin: 0;}

.wp-bootstrap-blocks-row {margin: 15px -15px;}
.wp-bootstrap-blocks-row > [class*="col-"] {margin-bottom: 1rem;}

.page-numbers {list-style: none; margin: 15px 0; padding: 0;}
.page-numbers li {display: inline-block; margin-right: 5px; text-align: center; vertical-align: middle;}
.page-numbers li:last-child {margin-right: 0}
.page-numbers a::before {content: none !important;}
.page-numbers a, .page-numbers .next, .page-numbers .prev, .page-numbers span {display: block; line-height: 30px; width: 30px; background: #ababab; color: #fff;-webkit-transition: all 0.4s; 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;}
/* misc */

/* header, footer */
.header-wrap {overflow-x: hidden;}
.has-sticky-header header {position: sticky; top: 0; z-index: 9001;}

.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: 20px; height: 20px; outline: 0;}
#header-menu-toggle::-moz-focus-inner { border: 0; }
.item-toggle-lines, .item-toggle-lines::before, .item-toggle-lines::after {position: absolute; right: 0; width: 20px; height: 3px; background: var(--burger-color); line-height: 1; -webkit-transition-property: -webkit-transform, background; -webkit-transition-duration: 0.15s, 0.15s; transition-property: transform, background; transition-duration: 0.15s, 0.15s; z-index: 9002}
.item-toggle-lines {top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);-webkit-transition-duration: 0.2s; -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); 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; -webkit-transition: top 0.2s 0.12s ease, opacity 0.1s ease; transition: top 0.2s 0.12s ease, opacity 0.1s ease;}
.item-toggle-lines::after {bottom: -8px; -webkit-transition: bottom 0.2s 0.12s ease, transform 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19); 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 { -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition-delay: 0.12s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); 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 {top: 0; opacity: 0; -webkit-transition: top 0.2s ease, opacity 0.1s 0.12s ease; 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 {bottom: 0; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: bottom 0.2s ease, transform 0.2s 0.12s; transition: bottom 0.2s ease, transform 0.2s 0.12s;background: var(--burger-hover-color)}
.header-menu {list-style: none; margin: 0; padding: 0;}

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

/* custom */
.text-center {text-align: center;}
.text-right {text-align: right;}
/* custom */
.banner img {max-width: 100%; object-fit: cover; display: block; margin: 0 auto;}
.wines {background-color: #faf1d9; padding-top: 50px; padding-bottom: 50px;}
.wine-img:hover img {transform: scale(1.1); transition: 500ms all;}
.wine-img img {max-width: 100%; height: 40vh; object-fit: contain; padding: 20px; margin: 0 auto; display: block; transition: 500ms all;}

.our-story {margin-top: 80px}
.our-story h2 {color: #e24d24fe;}
.our-story-desc{display:flex;align-items:center;justify-content:center;flex-direction:column; padding: 20px; text-align: justify;}
.our-story-img {display: flex; justify-content: center; align-items: center; position: relative;}
.our-story-img img {object-fit: contain; height: auto;}
.logo-absolute {position: absolute; left: -10px; top: -44px; height: 110px !important; width: auto !important;}

.contact-info {margin-top: 80px}

footer {margin-top: 80px;}
.footer-logos img {max-width: 100%; max-height: 140px; padding: 20px; display: block; margin: 0 auto;}

.footer-copy {font-size: 12px;}

@media (max-width: 575.98px) {
    table.cookiek th,table.cookiek td{display:block;border:none}
    table.cookiek tr:nth-child(even){background-color:#f5f5f5}
}

@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;}
	.wp-bootstrap-blocks-row {margin: 30px 0;}
    /* misc */

    .contact-info .col-12 {display: flex; flex-direction: row; justify-content: space-around;}
    .logo-absolute {left: -70px; top: -70px; height: 200px !important} 
}

@media (min-width: 992px) {
    .banner {overflow: hidden;}
    .banner img { max-width: 100%; object-fit: contain; transform: scale(1.3); height: auto;}
    .wine-img img {height: 750px;}
}

@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;}
	.wp-bootstrap-blocks-row {margin: 45px 0;}
    /* misc */
}