/**
 * Theme Name: Sipka Bence
 * Template: twentytwentyfive
 */

/* wp default style fup fixes */
.wp-block-button .wp-block-button__link {
    font-weight: inherit;
    font-style: inherit;
    line-height: inherit;
    font-family: inherit;
}
/* helpers */
header.wp-block-template-part {
    position: sticky;
    top: 0px;
    z-index: 5;
}
.header-menu-wrap {
    --wrap-width: calc(100% - 1.2rem - 42px);
    width: var(--wrap-width);
    flex-basis: var(--wrap-width);
}
@media (max-width: 973px) {
    body:not(.wp-admin, .block-editor-iframe__body) .header-hide-mobile {
        display: none !important;
    }
    .header-menu-wrap {
        padding: 16px !important;
    }
}
@media (min-width: 974px) {
    body:not(.wp-admin, .block-editor-iframe__body) .header-hide-desktop {
        display: none !important;
    }
    .header-menu-wrap {
        --wrap-width: 100%;
    }
}
@media (max-width: 781px) {
    body:not(.wp-admin, .block-editor-iframe__body) .hide-mobile {
        display: none !important;
    }
    body:not(.wp-admin, .block-editor-iframe__body) .mobile-order-2 {
        order: 2;
    }
}
@media (min-width: 782px) {
    body:not(.wp-admin, .block-editor-iframe__body) .hide-desktop {
        display: none !important;
    }
}
body.wp-admin .header-hide-mobile,
body.block-editor-iframe__body .header-hide-mobile,
body.wp-admin .header-hide-desktop,
body.block-editor-iframe__body .header-hide-desktop,
body.wp-admin .hide-mobile,
body.block-editor-iframe__body .hide-mobile,
body.wp-admin .hide-desktop,
body.block-editor-iframe__body .hide-desktop {
    background-color: #ddd;
    opacity: 0.75;
}

.showButton {
    cursor: pointer;
    width: 42px;
    height: 42px;
    padding: 10px !important;
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='14' viewBox='0 0 25 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='1.56112e-08' y1='0.75' x2='24.7' y2='0.750003' stroke='black' stroke-width='0.5'/%3E%3Cline x1='1.56112e-08' y1='7.25' x2='24.7' y2='7.25' stroke='black' stroke-width='0.5'/%3E%3Cline x1='1.56112e-08' y1='13.75' x2='24.7' y2='13.75' stroke='black' stroke-width='0.5'/%3E%3C/svg%3E%0A") !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 30px 20px !important;
}
body.wp-admin .ocbOffCanvasPopup.offcanvas-start,
body.block-editor-iframe__body .ocbOffCanvasPopup.offcanvas-start {
    left: 350px !important;
}
body.wp-admin .ocbOffCanvasPopup.offcanvas-end,
body.block-editor-iframe__body .ocbOffCanvasPopup.offcanvas-end {
    right: 350px !important;
}
.ocbOffCanvasPopup .btn-close {
    cursor: pointer;
    --size: 19px;
    width: var(--size) !important;
    height: var(--size) !important;
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='14' viewBox='0 0 15 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='0.823223' y1='13.8232' x2='13.5904' y2='1.05601' stroke='black' stroke-width='0.5'/%3E%3Cline x1='1.17678' y1='0.823223' x2='13.944' y2='13.5904' stroke='black' stroke-width='0.5'/%3E%3C/svg%3E%0A") !important;
    background-size: var(--size) var(--size) !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}
.ocbOffCanvasPopup .btn-close svg {
    display: none !important;
}
.ocbOffCanvasPopup .offcanvas-body {
    padding: 15px 1px !important;
    min-height: calc(98vh - 75px);
}
.ocbOffCanvasPopup .drawer-header-row {
    padding-top: 20px;
    padding-bottom: 20px;
    position: absolute;
    top: 0;
    left: 0;
}
ul.mobile-nav {
    align-items: stretch;
}
.mobile-nav .wp-block-navigation-link {
    padding: 8px 12px 8px 8px;
    border: 1px solid black;
    border-radius: 5px;
}
.mobile-nav .wp-block-social-links {
    flex-direction: column !important;
}

.nowrap {
    text-wrap: nowrap;
}
.above-previous {
    position: relative;
    z-index: 1;
}
.noshrink {
    flex-shrink: 0;
}
.nooverflow {
    overflow: hidden;
}
.relative {
    position: relative;
}

.wp-block-quote {
    --quote-size: clamp(64px, 4rem + ((1vw - 3.2px) * 3.168), 96px); 
    border-left-width: 0;
    position: relative;
}
.wp-block-quote::before,
.wp-block-quote::after {
    content: "“";
    position: absolute;
    font-size: var(--quote-size);
    font-family: var(--wp--preset--font-family--staatliches);
    line-height: 1;
}
.wp-block-quote::before {
    left: 0;
    top: 0;
    transform: translate(-10%, -20%);
}
.wp-block-quote::after {
    right: 0;
    bottom: 0;
    transform: rotate(180deg) translate(0%, -10%);
}
@media (max-width: 600px) {
    body {
        --wp--style--root--padding-left: 12px;
        --wp--style--root--padding-right: 12px;
    }
}
.box-list-scroller {
    --standoff: 30px;
    padding-top: var(--standoff);
    padding-bottom: var(--standoff);
}
@media (min-width: 782px) {
    .box-list-scroller {
        --standoff: 30px;
        padding: var(--standoff);
        margin-left: calc(var(--standoff) * -1);
        margin-right: calc(var(--standoff) * -1);
        overflow-y: auto;
    }
    .box-list-content {
        flex-wrap: nowrap;
        justify-content: start;
    }
    .box-list-content > * {
        flex-shrink: 0;
    }
}
.media-box,
.eloadas-box {
    --width: min(100%, 364px);
    width: var(--width);
    flex-basis: var(--width);
}

@media (min-width: 782px) {
    .overlap-image-1 {
        z-index: 0; 
        margin-left: -75%;
    }
    .overlap-image-2 {
        z-index: 0; 
        margin-left: -33%;
    }
}